]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blame_incremental - client/src/app/+about/about-instance/about-instance.component.scss
Refactor form reactive
[github/Chocobozzz/PeerTube.git] / client / src / app / +about / about-instance / about-instance.component.scss
... / ...
CommitLineData
1@use '_variables' as *;
2@use '_mixins' as *;
3
4.about-instance-title {
5 display: flex;
6 justify-content: space-between;
7
8 .title {
9 font-size: 20px;
10 font-weight: $font-semibold;
11 }
12
13 .contact-admin {
14 @include peertube-button-link;
15 @include orange-button;
16
17 height: fit-content;
18 }
19}
20
21.instance-badges {
22 margin-bottom: 20px;
23
24 .pt-badge {
25 @include margin-right(5px);
26 }
27}
28
29.section-title {
30 font-weight: $font-semibold;
31 margin-bottom: 5px;
32 display: flex;
33 align-items: center;
34 font-size: 1rem;
35}
36
37.middle-title {
38 @include in-content-small-title;
39
40 margin-top: 0;
41 margin-bottom: 25px;
42}
43
44.block {
45 margin-bottom: 75px;
46}
47
48.short-description {
49 margin-top: 10px;
50}
51
52.short-description .dedicated-to-nsfw {
53 margin-top: 20px;
54 font-weight: $font-semibold;
55}
56
57.anchor-link {
58 @include disable-outline;
59
60 position: relative;
61
62 &:hover,
63 &:active {
64 &::after {
65 @include margin-left(0.2em);
66
67 content: '#';
68 display: inline-block;
69 }
70 }
71
72 .middle-title,
73 .section-title {
74 display: inline-block;
75 }
76
77 .section-title {
78 color: var(--mainForegroundColor);
79 }
80}