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