1 @import '_bootstrap-variables';
7 $column-width: #{$video-thumbnail-width - 25px};
10 column-gap: calc(10px + .2%);
11 grid-template-columns: repeat(
14 var(--miniature-min-width, #{$column-width}),
19 @media screen and (min-width: #{breakpoint(fhd)}) {
20 --miniature-min-width: #{$column-width + 100px};
26 justify-content: space-between;
27 align-items: baseline;
29 .title-page.title-page-single {
33 display: inline-block;
38 transition: ease-in .2s opacity;
47 @include peertube-button;
49 @include button-with-icon(18px, 3px, -1px);
56 justify-content: flex-end;
63 font-weight: $font-semibold;
67 // make the element span a full grid row within .videos grid
73 border-top: 1px solid $separator-border-color;
77 :host-context(.main-col:not(.expanded)) .margin-content {
78 @include adapt-margin-content-width($fluid: true);
81 @media screen and (max-width: $mobile-view) {
83 flex-direction: column;