]>
Commit | Line | Data |
---|---|---|
e66883b3 RK |
1 | @import '_bootstrap-variables'; |
2 | @import '_variables'; | |
244e76a5 | 3 | @import '_mixins'; |
830b4faf | 4 | @import '_miniature'; |
244e76a5 | 5 | |
931d3430 | 6 | $icon-size: 16px; |
2b587cad | 7 | |
3da68f0a | 8 | ::ng-deep my-video-list-header { |
5bcbcbe3 RK |
9 | display: flex; |
10 | flex-grow: 1; | |
11 | } | |
12 | ||
017c3dca C |
13 | .videos-header { |
14 | display: flex; | |
13adf228 | 15 | justify-content: space-between; |
2b587cad | 16 | align-items: center; |
017c3dca | 17 | |
205e4f56 C |
18 | my-feed { |
19 | display: inline-block; | |
931d3430 | 20 | width: calc(#{$icon-size} - 2px); |
017c3dca C |
21 | } |
22 | ||
23 | .moderation-block { | |
0aa52e17 | 24 | margin-left: .4rem; |
017c3dca | 25 | display: flex; |
017c3dca C |
26 | justify-content: flex-end; |
27 | align-items: center; | |
931d3430 C |
28 | |
29 | my-global-icon { | |
30 | position: relative; | |
31 | width: $icon-size; | |
32 | } | |
017c3dca | 33 | } |
244e76a5 RK |
34 | } |
35 | ||
34c7f429 C |
36 | .date-title { |
37 | font-size: 16px; | |
38 | font-weight: $font-semibold; | |
39 | margin-bottom: 20px; | |
40 | margin-top: -10px; | |
34c7f429 | 41 | |
e66883b3 RK |
42 | // make the element span a full grid row within .videos grid |
43 | grid-column: 1 / -1; | |
44 | ||
34c7f429 | 45 | &:not(:first-child) { |
d840487f RK |
46 | margin-top: .5rem; |
47 | padding-top: 20px; | |
34c7f429 C |
48 | border-top: 1px solid $separator-border-color; |
49 | } | |
50 | } | |
51 | ||
cf78883c | 52 | .margin-content { |
0f7407d9 | 53 | @include grid-videos-miniature-layout; |
7193ad10 | 54 | } |
11dd0c2e | 55 | |
4d5e572f C |
56 | .display-as-row.videos { |
57 | margin-left: pvar(--horizontalMarginContent); | |
58 | margin-right: pvar(--horizontalMarginContent); | |
59 | ||
60 | .video-wrapper { | |
61 | margin-bottom: 15px; | |
62 | } | |
63 | } | |
64 | ||
4682468d K |
65 | @media screen and (max-width: $mobile-view) { |
66 | .videos-header { | |
67 | flex-direction: column; | |
68 | align-items: center; | |
69 | height: auto; | |
cf78883c | 70 | margin-bottom: 10px; |
4682468d K |
71 | |
72 | .title-page { | |
73 | margin-bottom: 10px; | |
931d3430 | 74 | margin-right: 0; |
4682468d K |
75 | } |
76 | } | |
77 | } |