4 transition: background-color 0.2s;
6 @include screen-md-down {
15 border-bottom: 1px solid $wcfContentBorderInner;
19 border-top: 1px solid $wcfContentBorder;
23 border-bottom: 1px solid $wcfContentBorder;
27 background-color: $wcfTabularBoxBackgroundActive;
34 background-color: transparent;
41 > .containerContentType {
42 color: $wcfContentDimmedText;
53 &.containerListButtonGroup {
57 background-color: transparent;
68 > .recentActivityFollowedNoResults {
73 @include screen-md-down {
74 .hasMobileNavigation > .containerHeadline > h3 {
78 .buttonGroupNavigation {
86 // dropdown is contained within this element, required to have it stand
87 // above any succeeding siblings
97 left: calc(100% - 24px);
102 @include dropdownMenu;
104 position: static !important;
118 .buttonGroupNavigation {
123 transition: opacity 0.12s;
130 background-color: $wcfContentBackground;
131 border: 1px solid rgba(0, 0, 0, 0.15);
138 border-right: 1px solid rgba(0, 0, 0, 0.15);
142 display: inline-block;
147 color: rgba(0, 0, 0, 0.5);
156 color: $wcfContentText;
164 &:hover .buttonGroupNavigation {
170 @include screen-sm-down {
179 @include screen-md-up {
186 // this will cause the mobile drop-down menu to be cut-off
190 .containerBoxContent {
195 text-overflow: ellipsis;
209 border-top: 1px solid $wcfContentBorder;
210 border-bottom: 1px solid $wcfContentBorder;
213 &.doubleColumned > li {
217 &:nth-child(2n + 1):nth-last-child(-n + 2) {
222 &.tripleColumned > li {
223 /* The `flex` shorthand fails in IE11 if `calc()` is used. */
226 flex-basis: calc(100% / 3);
228 &:nth-child(3n + 1):nth-last-child(-n + 3),
229 &:nth-child(3n + 1):nth-last-child(-n + 3) ~ li {
237 @include screen-sm-down {
246 @include screen-md-up {
251 margin-bottom: -15px;
258 .containerBoxContent {
263 text-overflow: ellipsis;
270 &.doubleColumned > li {
275 &.tripleColumned > li {
276 /* The `flex` shorthand fails in IE11 if `calc()` is used. */
279 flex-basis: calc(100% / 3);
284 .recentActivityList {
290 align-self: flex-start;
295 .flexibleCategoryList {
310 font-size: $wcfFontSizeSmall;
316 .containerListDisplayOptions {
318 border-bottom: 2px solid currentColor;
319 color: $wcfTabularBoxHeadline;
323 .containerListSortOptions,
324 .containerListActiveFilters,
325 .containerListFilterOptions {
329 @include screen-sm-down {
330 .containerListActiveFilters {
335 .containerListSortOptions {
343 .containerListActiveFilters,
344 .containerListFilterOptions {
348 @include screen-md-up {
349 .flexibleCategoryList:not(.flexibleCategoryListDisabled) {
351 -webkit-column-count: 2;
354 -moz-column-count: 2;
356 /* CSS 3 / Internet Explorer */
361 -webkit-column-break-inside: avoid;
363 /* CSS 3 / Internet Explorer */
370 display: inline-block;
371 @include wcfFontSmall;
378 @-moz-document url-prefix() {
379 .flexibleCategoryList:not(.flexibleCategoryListDisabled) > li {
386 @include screen-md-down {