]>
Commit | Line | Data |
---|---|---|
8cbc40b2 C |
1 | @use '_mixins' as *; |
2 | ||
62ab565d RK |
3 | @keyframes bezels-fadeout { |
4 | from { | |
5 | opacity: 1; | |
6 | } | |
7 | to { | |
8 | opacity: 0; | |
9 | transform: scale(2); | |
10 | } | |
11 | } | |
12 | ||
13 | .vjs-bezel { | |
27bc9586 C |
14 | @include margin-left(-26px); |
15 | ||
a3705089 C |
16 | position: absolute; |
17 | left: 50%; | |
18 | top: 50%; | |
19 | width: 52px; | |
20 | height: 52px; | |
21 | z-index: 19; | |
a3705089 C |
22 | margin-top: -26px; |
23 | background: rgba(0, 0, 0, .5); | |
24 | border-radius: 26px; | |
25 | animation: bezels-fadeout .5s linear 1 normal forwards; | |
62ab565d RK |
26 | pointer-events: none; |
27 | } | |
28 | ||
29 | .vjs-bezel-icon { | |
a3705089 C |
30 | width: 36px; |
31 | height: 36px; | |
62ab565d | 32 | margin: 8px; |
a3705089 | 33 | |
62ab565d RK |
34 | svg .vjs-svg-fill { |
35 | fill: #fff; | |
36 | } | |
37 | } |