-@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 {
+ @include margin-right(5px);
+
font-size: 12px;
font-weight: $font-semibold;
- margin-right: 5px;
&.category {
background-color: pvar(--mainColor);
font-size: 15px;
}
+.short-description {
+ margin-top: 10px;
+}
+
.short-description .dedicated-to-nsfw {
margin-top: 20px;
font-weight: $font-semibold;
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;
}