]>
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; |
4c8749cb | 23 | font-size: 16px; |
9fe1bc68 | 24 | |
4c8749cb | 25 | .pt-badge { |
27bc9586 | 26 | @include margin-right(5px); |
9fe1bc68 C |
27 | } |
28 | } | |
29 | ||
36f9424f C |
30 | .section-title { |
31 | font-weight: $font-semibold; | |
ccc00cb2 | 32 | font-size: 16px; |
36f9424f | 33 | margin-bottom: 5px; |
ccc00cb2 C |
34 | display: flex; |
35 | align-items: center; | |
36 | } | |
37 | ||
38 | .middle-title { | |
39 | @include in-content-small-title; | |
40 | ||
f3081d64 | 41 | margin-top: 0; |
ccc00cb2 | 42 | margin-bottom: 25px; |
36f9424f C |
43 | } |
44 | ||
ccc00cb2 | 45 | .block { |
f3081d64 | 46 | margin-bottom: 75px; |
4402b54d | 47 | font-size: 15px; |
36f9424f | 48 | } |
c8000975 | 49 | |
5c16e6bc C |
50 | .short-description { |
51 | margin-top: 10px; | |
52 | } | |
53 | ||
c8000975 C |
54 | .short-description .dedicated-to-nsfw { |
55 | margin-top: 20px; | |
56 | font-weight: $font-semibold; | |
57 | } | |
c2165d60 | 58 | |
59 | .anchor-link { | |
60 | @include disable-outline; | |
61 | ||
62 | position: relative; | |
63 | ||
931d3430 C |
64 | &:hover, |
65 | &:active { | |
c2165d60 | 66 | &::after { |
27bc9586 C |
67 | @include margin-left(0.2em); |
68 | ||
c2165d60 | 69 | content: '#'; |
70 | display: inline-block; | |
c2165d60 | 71 | } |
72 | } | |
73 | ||
931d3430 C |
74 | .middle-title, |
75 | .section-title { | |
c2165d60 | 76 | display: inline-block; |
77 | } | |
78 | ||
79 | .section-title { | |
8a9e6ee4 | 80 | color: var(--mainForegroundColor); |
c2165d60 | 81 | } |
82 | } |