]>
Commit | Line | Data |
---|---|---|
8cbc40b2 C |
1 | @use '_variables' as *; |
2 | @use '_mixins' as *; | |
36f9424f | 3 | |
78f912ed | 4 | .about-instance-title { |
d3e56c0c C |
5 | display: flex; |
6 | justify-content: space-between; | |
7 | ||
ccc00cb2 | 8 | .title { |
d3e56c0c | 9 | font-size: 20px; |
ccc00cb2 | 10 | font-weight: $font-semibold; |
d3e56c0c C |
11 | } |
12 | ||
ccc00cb2 | 13 | .contact-admin { |
5c16e6bc | 14 | @include peertube-button-link; |
d3e56c0c | 15 | @include orange-button; |
ad571826 C |
16 | |
17 | height: fit-content; | |
d3e56c0c | 18 | } |
78f912ed C |
19 | } |
20 | ||
9fe1bc68 | 21 | .instance-badges { |
fd7ca7a7 | 22 | margin-bottom: 20px; |
9fe1bc68 | 23 | |
4c8749cb | 24 | .pt-badge { |
27bc9586 | 25 | @include margin-right(5px); |
9fe1bc68 C |
26 | } |
27 | } | |
28 | ||
36f9424f C |
29 | .section-title { |
30 | font-weight: $font-semibold; | |
36f9424f | 31 | margin-bottom: 5px; |
ccc00cb2 C |
32 | display: flex; |
33 | align-items: center; | |
5b0ec7cd | 34 | font-size: 1rem; |
ccc00cb2 C |
35 | } |
36 | ||
37 | .middle-title { | |
38 | @include in-content-small-title; | |
39 | ||
f3081d64 | 40 | margin-top: 0; |
ccc00cb2 | 41 | margin-bottom: 25px; |
36f9424f C |
42 | } |
43 | ||
ccc00cb2 | 44 | .block { |
f3081d64 | 45 | margin-bottom: 75px; |
36f9424f | 46 | } |
c8000975 | 47 | |
5c16e6bc C |
48 | .short-description { |
49 | margin-top: 10px; | |
50 | } | |
51 | ||
c8000975 C |
52 | .short-description .dedicated-to-nsfw { |
53 | margin-top: 20px; | |
54 | font-weight: $font-semibold; | |
55 | } | |
c2165d60 | 56 | |
57 | .anchor-link { | |
58 | @include disable-outline; | |
59 | ||
60 | position: relative; | |
61 | ||
931d3430 C |
62 | &:hover, |
63 | &:active { | |
c2165d60 | 64 | &::after { |
27bc9586 C |
65 | @include margin-left(0.2em); |
66 | ||
c2165d60 | 67 | content: '#'; |
68 | display: inline-block; | |
c2165d60 | 69 | } |
70 | } | |
71 | ||
931d3430 C |
72 | .middle-title, |
73 | .section-title { | |
c2165d60 | 74 | display: inline-block; |
75 | } | |
76 | ||
77 | .section-title { | |
8a9e6ee4 | 78 | color: var(--mainForegroundColor); |
c2165d60 | 79 | } |
80 | } |