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