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