]>
Commit | Line | Data |
---|---|---|
8cbc40b2 C |
1 | @use '_variables' as *; |
2 | @use '_mixins' as *; | |
0f7407d9 | 3 | |
d816f3a0 | 4 | .title-page-container { |
5def76eb | 5 | display: flex; |
d816f3a0 | 6 | justify-content: space-between; |
5def76eb | 7 | align-items: baseline; |
d816f3a0 | 8 | margin-bottom: 25px; |
5def76eb | 9 | flex-wrap: wrap-reverse; |
d816f3a0 | 10 | |
931d3430 C |
11 | .title-page.active, |
12 | .title-page.title-page-single { | |
27bc9586 C |
13 | @include margin-right(.5rem !important); |
14 | ||
d816f3a0 RK |
15 | margin-bottom: unset; |
16 | } | |
17 | } | |
18 | ||
0f7407d9 C |
19 | .title-page { |
20 | margin-top: 0; | |
21 | } | |
22 | ||
d816f3a0 | 23 | .title-page-autoplay { |
27bc9586 C |
24 | @include margin-left(auto); |
25 | ||
5def76eb | 26 | display: flex; |
d816f3a0 RK |
27 | width: max-content; |
28 | height: max-content; | |
29 | align-items: center; | |
30 | ||
31 | span { | |
27bc9586 C |
32 | @include margin-right(0.3rem); |
33 | ||
d816f3a0 RK |
34 | text-transform: uppercase; |
35 | font-size: 85%; | |
36 | font-weight: 600; | |
37 | } | |
38 | } | |
46788f21 RK |
39 | |
40 | hr { | |
41 | margin-top: 0; | |
42 | } | |
0f7407d9 C |
43 | |
44 | my-video-miniature { | |
45 | display: block; | |
46 | } | |
47 | ||
48 | .other-videos:not(.display-as-row) my-video-miniature { | |
49 | min-width: $video-thumbnail-medium-width; | |
50 | max-width: $video-thumbnail-medium-width; | |
51 | } | |
52 | ||
53 | .display-as-row { | |
54 | my-video-miniature { | |
55 | margin-bottom: 20px; | |
56 | } | |
57 | ||
58 | hr { | |
59 | display: none; | |
60 | } | |
61 | ||
62 | @media screen and (max-width: $mobile-view) { | |
63 | my-video-miniature { | |
64 | margin-bottom: 10px; | |
65 | } | |
66 | } | |
67 | } | |
68 |