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.scss13
1 files changed, 10 insertions, 3 deletions
diff --git a/client/src/sass/include/_miniature.scss b/client/src/sass/include/_miniature.scss
index 25a024aac..95b759225 100644
--- a/client/src/sass/include/_miniature.scss
+++ b/client/src/sass/include/_miniature.scss
@@ -28,15 +28,15 @@ $play-overlay-transition: 0.2s ease;
28$play-overlay-height: 26px; 28$play-overlay-height: 26px;
29$play-overlay-width: 18px; 29$play-overlay-width: 18px;
30 30
31@mixin miniature-thumbnail($width: $video-thumbnail-width, $height: $video-thumbnail-height) { 31@mixin miniature-thumbnail {
32 @include disable-outline; 32 @include disable-outline;
33 33
34 display: inline-block; 34 display: inline-block;
35 position: relative; 35 position: relative;
36 border-radius: 3px; 36 border-radius: 3px;
37 overflow: hidden; 37 overflow: hidden;
38 width: $width; 38 width: $video-thumbnail-width;
39 height: $height; 39 height: $video-thumbnail-height;
40 background-color: #ececec; 40 background-color: #ececec;
41 transition: filter $play-overlay-transition; 41 transition: filter $play-overlay-transition;
42 42
@@ -97,6 +97,13 @@ $play-overlay-width: 18px;
97 } 97 }
98} 98}
99 99
100@mixin thumbnail-size-component ($width, $height) {
101 /deep/ .video-thumbnail {
102 width: $width;
103 height: $height;
104 }
105}
106
100@mixin static-thumbnail-overlay { 107@mixin static-thumbnail-overlay {
101 display: inline-block; 108 display: inline-block;
102 background-color: rgba(0, 0, 0, 0.7); 109 background-color: rgba(0, 0, 0, 0.7);