aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass/player/bezels.scss
diff options
context:
space:
mode:
Diffstat (limited to 'client/src/sass/player/bezels.scss')
-rw-r--r--client/src/sass/player/bezels.scss42
1 files changed, 42 insertions, 0 deletions
diff --git a/client/src/sass/player/bezels.scss b/client/src/sass/player/bezels.scss
new file mode 100644
index 000000000..f1b1dcb4a
--- /dev/null
+++ b/client/src/sass/player/bezels.scss
@@ -0,0 +1,42 @@
1@keyframes bezels-fadeout {
2 from {
3 opacity: 1;
4 }
5 to {
6 opacity: 0;
7 transform: scale(2);
8 }
9}
10
11.vjs-bezel {
12 position: absolute;
13 left: 50%;
14 top: 50%;
15 width: 52px;
16 height: 52px;
17 z-index: 19;
18 margin-left: -26px;
19 margin-top: -26px;
20 background: rgba(0,0,0,.5);
21 border-radius: 26px;
22 animation: bezels-fadeout .5s linear 1 normal forwards;
23 pointer-events: none;
24}
25
26.vjs-bezel-icon {
27 width: 36px;
28 height: 36px;
29 margin: 8px;
30
31 svg .vjs-svg-fill {
32 fill: #fff;
33 }
34}
35
36.video-js {
37
38 .vjs-bezel-content {
39
40 }
41
42} \ No newline at end of file