]>
Commit | Line | Data |
---|---|---|
8cbc40b2 C |
1 | @use '_variables' as *; |
2 | @use '_mixins' as *; | |
3 | @use '_miniature' as *; | |
2d3741d6 | 4 | |
cf78883c C |
5 | .section-title { |
6 | // make the element span a full grid row within .videos grid | |
7 | grid-column: 1 / -1; | |
8 | } | |
9 | ||
c8487f3f | 10 | .margin-content { |
5d6395af | 11 | @include grid-videos-miniature-layout-with-margins; |
1a471091 C |
12 | } |
13 | ||
c8487f3f | 14 | .section { |
0f7407d9 | 15 | &:first-child { |
5b0ec7cd | 16 | padding-top: 15px; |
0f7407d9 C |
17 | |
18 | .section-title { | |
931d3430 | 19 | border-top: 0 !important; |
0f7407d9 C |
20 | } |
21 | } | |
22 | ||
23 | .section-title { | |
68773f79 W |
24 | @include font-size(1.5rem); |
25 | @include padding-top(1.25rem); | |
26 | @include margin-bottom(2rem); | |
0f7407d9 C |
27 | |
28 | &:not(h2) { | |
29 | border-top: 1px solid $separator-border-color; | |
30 | } | |
31 | ||
5b0ec7cd C |
32 | a > h2 { |
33 | margin-bottom: 0; | |
34 | display: inline-block; | |
35 | font-weight: $font-bold; | |
0f7407d9 | 36 | } |
0f7407d9 | 37 | |
5b0ec7cd C |
38 | my-actor-avatar { |
39 | @include margin-right(8px); | |
27bc9586 | 40 | |
68773f79 W |
41 | display: inline-block; |
42 | vertical-align: text-top; | |
0f7407d9 C |
43 | } |
44 | } | |
45 | ||
0f7407d9 C |
46 | @media screen and (max-width: $mobile-view) { |
47 | max-height: initial; | |
48 | overflow: initial; | |
49 | ||
50 | .section-title { | |
27bc9586 | 51 | @include margin-left(10px); |
0f7407d9 C |
52 | } |
53 | } | |
830b4faf | 54 | } |