1 @use '_bootstrap-variables';
2 @use '_variables' as *;
4 @use '_miniature' as *;
8 ::ng-deep my-video-list-header {
15 justify-content: space-between;
19 display: inline-block;
20 width: calc(#{$icon-size} - 2px);
24 @include margin-left(.4rem);
27 justify-content: flex-end;
39 font-weight: $font-semibold;
43 // make the element span a full grid row within .videos grid
49 border-top: 1px solid $separator-border-color;
54 @include grid-videos-miniature-layout-with-margins;
57 .display-as-row.videos {
58 @include margin-left(pvar(--horizontalMarginContent));
59 @include margin-right(pvar(--horizontalMarginContent));
66 @media screen and (max-width: $mobile-view) {
68 flex-direction: column;
74 @include margin-right(0);