aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass/include/_miniature.scss
diff options
context:
space:
mode:
Diffstat (limited to 'client/src/sass/include/_miniature.scss')
-rw-r--r--client/src/sass/include/_miniature.scss14
1 files changed, 6 insertions, 8 deletions
diff --git a/client/src/sass/include/_miniature.scss b/client/src/sass/include/_miniature.scss
index 3b86f29b4..fb504906c 100644
--- a/client/src/sass/include/_miniature.scss
+++ b/client/src/sass/include/_miniature.scss
@@ -21,12 +21,12 @@
21} 21}
22 22
23@mixin miniature-thumbnail { 23@mixin miniature-thumbnail {
24 @include disable-outline;
25
26 $play-overlay-transition: 0.2s ease; 24 $play-overlay-transition: 0.2s ease;
27 $play-overlay-height: 26px; 25 $play-overlay-height: 26px;
28 $play-overlay-width: 18px; 26 $play-overlay-width: 18px;
29 27
28 @include disable-outline;
29
30 display: flex; 30 display: flex;
31 flex-direction: column; 31 flex-direction: column;
32 position: relative; 32 position: relative;
@@ -47,7 +47,8 @@
47 opacity: 0; 47 opacity: 0;
48 background-color: rgba(0, 0, 0, 0.3); 48 background-color: rgba(0, 0, 0, 0.3);
49 49
50 &, .icon { 50 &,
51 .icon {
51 transition: all $play-overlay-transition; 52 transition: all $play-overlay-transition;
52 } 53 }
53 54
@@ -79,7 +80,7 @@
79 80
80 &.blur-filter { 81 &.blur-filter {
81 filter: blur(20px); 82 filter: blur(20px);
82 transform : scale(1.03); 83 transform: scale(1.03);
83 } 84 }
84 } 85 }
85} 86}
@@ -129,10 +130,7 @@
129 column-gap: 30px; 130 column-gap: 30px;
130 grid-template-columns: repeat( 131 grid-template-columns: repeat(
131 auto-fill, 132 auto-fill,
132 minmax( 133 minmax(var(--miniatureMinWidth), 1fr)
133 var(--miniatureMinWidth),
134 1fr
135 )
136 ); 134 );
137 135
138 .video-wrapper, 136 .video-wrapper,