]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blame_incremental - client/src/app/+about/about-instance/about-instance.component.scss
refactor scoped token service
[github/Chocobozzz/PeerTube.git] / client / src / app / +about / about-instance / about-instance.component.scss
... / ...
CommitLineData
1@import '_variables';
2@import '_mixins';
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;
15 @include orange-button;
16
17 height: fit-content;
18 }
19}
20
21.instance-badges {
22 font-size: 16px;
23
24 .badge {
25 font-size: 12px;
26 font-weight: $font-semibold;
27 margin-right: 5px;
28
29 &.category {
30 background-color: pvar(--mainColor);
31 }
32 }
33}
34
35.section-title {
36 font-weight: $font-semibold;
37 font-size: 16px;
38 margin-bottom: 5px;
39 display: flex;
40 align-items: center;
41}
42
43.middle-title {
44 @include in-content-small-title;
45
46 margin-top: 0;
47 margin-bottom: 25px;
48}
49
50.block {
51 margin-bottom: 75px;
52 font-size: 15px;
53}
54
55.short-description .dedicated-to-nsfw {
56 margin-top: 20px;
57 font-weight: $font-semibold;
58}
59
60.anchor-link {
61 @include disable-outline;
62
63 position: relative;
64
65 &:hover, &:active {
66 &::after {
67 content: '#';
68 display: inline-block;
69 margin-left: 0.2em;
70 }
71 }
72
73 .middle-title, .section-title {
74 display: inline-block;
75 }
76
77 .section-title {
78 color: initial;
79 }
80}