]>
Commit | Line | Data |
---|---|---|
62ab565d RK |
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 { | |
27bc9586 C |
12 | @include margin-left(-26px); |
13 | ||
a3705089 C |
14 | position: absolute; |
15 | left: 50%; | |
16 | top: 50%; | |
17 | width: 52px; | |
18 | height: 52px; | |
19 | z-index: 19; | |
a3705089 C |
20 | margin-top: -26px; |
21 | background: rgba(0, 0, 0, .5); | |
22 | border-radius: 26px; | |
23 | animation: bezels-fadeout .5s linear 1 normal forwards; | |
62ab565d RK |
24 | pointer-events: none; |
25 | } | |
26 | ||
27 | .vjs-bezel-icon { | |
a3705089 C |
28 | width: 36px; |
29 | height: 36px; | |
62ab565d | 30 | margin: 8px; |
a3705089 | 31 | |
62ab565d RK |
32 | svg .vjs-svg-fill { |
33 | fill: #fff; | |
34 | } | |
35 | } |