aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass/include
diff options
context:
space:
mode:
Diffstat (limited to 'client/src/sass/include')
-rw-r--r--client/src/sass/include/_miniature.scss13
-rw-r--r--client/src/sass/include/_mixins.scss15
2 files changed, 16 insertions, 12 deletions
diff --git a/client/src/sass/include/_miniature.scss b/client/src/sass/include/_miniature.scss
index 976bbf4d6..97b4c690b 100644
--- a/client/src/sass/include/_miniature.scss
+++ b/client/src/sass/include/_miniature.scss
@@ -52,18 +52,7 @@ $play-overlay-width: 18px;
52 } 52 }
53 53
54 .icon { 54 .icon {
55 width: 0; 55 @include play-icon($play-overlay-height, $play-overlay-width);
56 height: 0;
57
58 position: absolute;
59 left: 50%;
60 top: 50%;
61 transform: translate(-50%, -50%) scale(0.5);
62
63 border-top: ($play-overlay-height / 2) solid transparent;
64 border-bottom: ($play-overlay-height / 2) solid transparent;
65
66 border-left: $play-overlay-width solid rgba(255, 255, 255, 0.95);
67 } 56 }
68 } 57 }
69 58
diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss
index ee2fe0497..e4c2dffa0 100644
--- a/client/src/sass/include/_mixins.scss
+++ b/client/src/sass/include/_mixins.scss
@@ -1019,3 +1019,18 @@
1019 } 1019 }
1020 } 1020 }
1021} 1021}
1022
1023@mixin play-icon ($width, $height) {
1024 width: 0;
1025 height: 0;
1026
1027 position: absolute;
1028 left: 50%;
1029 top: 50%;
1030 transform: translate(-50%, -50%) scale(0.5);
1031
1032 border-top: ($height / 2) solid transparent;
1033 border-bottom: ($height / 2) solid transparent;
1034
1035 border-left: $width solid rgba(255, 255, 255, 0.95);
1036}