1 @use '_bootstrap-variables';
2 @use '_variables' as *;
4 @use '_miniature' as *;
8 grid-template-columns: auto 1fr auto;
18 color: pvar(--mainForegroundColor);
19 display: inline-block;
20 font-weight: $font-semibold;
29 color: pvar(--greyForegroundColor);
41 @include margin-left(5px);
43 display: inline-block;
45 color: pvar(--mainColor);
53 font-weight: $font-semibold;
56 // Make the element span a full grid row within .videos grid
62 border-top: 1px solid $separator-border-color;
67 @include grid-videos-miniature-layout-with-margins;
70 .display-as-row.videos {
71 @include margin-left(pvar(--horizontalMarginContent));
72 @include margin-right(pvar(--horizontalMarginContent));
79 @media screen and (max-width: $mobile-view) {
81 my-video-filters-header {
82 @include margin-left(15px);
83 @include margin-right(15px);
85 display: inline-block;
93 flex-direction: column;
99 @include margin-right(0);