-@import '_variables';
-@import '_mixins';
+@use '_variables' as *;
+@use '_mixins' as *;
.about-instance-title {
display: flex;
}
.contact-admin {
- @include peertube-button;
+ @include peertube-button-link;
@include orange-button;
height: fit-content;
}
.instance-badges {
- font-size: 16px;
margin-bottom: 20px;
- .badge {
- font-size: 12px;
- font-weight: $font-semibold;
- margin-right: 5px;
-
- &.category {
- background-color: pvar(--mainColor);
- }
+ .pt-badge {
+ @include margin-right(5px);
}
}
.section-title {
font-weight: $font-semibold;
- font-size: 16px;
margin-bottom: 5px;
display: flex;
align-items: center;
+ font-size: 1rem;
}
.middle-title {
.block {
margin-bottom: 75px;
- font-size: 15px;
+}
+
+.short-description {
+ margin-top: 10px;
}
.short-description .dedicated-to-nsfw {
position: relative;
- &:hover, &:active {
+ &:hover,
+ &:active {
&::after {
+ @include margin-left(0.2em);
+
content: '#';
display: inline-block;
- margin-left: 0.2em;
}
}
- .middle-title, .section-title {
+ .middle-title,
+ .section-title {
display: inline-block;
}