]>
Commit | Line | Data |
---|---|---|
63c4db6d C |
1 | @import '_variables'; |
2 | @import '_mixins'; | |
830b4faf | 3 | @import '_miniature'; |
1aabcae7 | 4 | |
202f6b6c | 5 | .video-thumbnail { |
830b4faf | 6 | @include miniature-thumbnail; |
1aabcae7 | 7 | |
6e46de09 C |
8 | .progress-bar { |
9 | height: 3px; | |
10 | width: 100%; | |
8fc02e47 C |
11 | position: absolute; |
12 | bottom: 0; | |
6e46de09 C |
13 | background-color: rgba(0, 0, 0, 0.20); |
14 | ||
15 | div { | |
16 | height: 100%; | |
17 | background-color: var(--mainColor); | |
18 | } | |
19 | } | |
20 | ||
830b4faf C |
21 | .video-thumbnail-duration-overlay { |
22 | @include static-thumbnail-overlay; | |
23 | ||
202f6b6c C |
24 | position: absolute; |
25 | right: 5px; | |
26 | bottom: 5px; | |
830b4faf C |
27 | padding: 0 5px; |
28 | border-radius: 3px; | |
202f6b6c C |
29 | font-size: 12px; |
30 | font-weight: $font-bold; | |
202f6b6c C |
31 | } |
32 | } |