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