1 @use '_bootstrap-variables';
2 @use '_variables' as *;
4 @use '_miniature' as *;
6 // Cannot set margin top to videos-header because of the main header fixed position
11 grid-template-columns: auto 1fr auto;
21 color: pvar(--mainForegroundColor);
22 display: inline-block;
23 font-weight: $font-semibold;
25 margin-top: $margin-top;
32 color: pvar(--greyForegroundColor);
42 margin-top: $margin-top;
46 @include margin-left(5px);
48 display: inline-block;
50 color: pvar(--mainColor);
57 font-weight: $font-semibold;
61 // Make the element span a full grid row within .videos grid
67 border-top: 1px solid $separator-border-color;
72 @include grid-videos-miniature-layout-with-margins;
75 .display-as-row.videos {
76 @include margin-left(pvar(--horizontalMarginContent));
77 @include margin-right(pvar(--horizontalMarginContent));
84 @media screen and (max-width: $mobile-view) {
86 my-video-filters-header {
87 @include margin-left(15px);
88 @include margin-right(15px);
90 display: inline-block;
98 flex-direction: column;