.title {
font-size: 20px;
- margin-bottom: 15px;
font-weight: $font-semibold;
}
@include orange-button;
height: fit-content;
+
+ &:hover,
+ &:active {
+ text-decoration: none;
+ }
+ }
+}
+
+.instance-badges {
+ font-size: 16px;
+ margin-bottom: 20px;
+
+ .badge {
+ @include margin-right(5px);
+
+ font-size: 12px;
+ font-weight: $font-semibold;
+
+ &.category {
+ background-color: pvar(--mainColor);
+ }
}
}
.middle-title {
@include in-content-small-title;
- margin-top: 45px;
+ margin-top: 0;
margin-bottom: 25px;
}
.block {
- margin-bottom: 30px;
+ margin-bottom: 75px;
+ font-size: 15px;
}
.short-description .dedicated-to-nsfw {
margin-top: 20px;
font-weight: $font-semibold;
}
+
+.anchor-link {
+ @include disable-outline;
+
+ position: relative;
+
+ &:hover,
+ &:active {
+ &::after {
+ @include margin-left(0.2em);
+
+ content: '#';
+ display: inline-block;
+ }
+ }
+
+ .middle-title,
+ .section-title {
+ display: inline-block;
+ }
+
+ .section-title {
+ color: var(--mainForegroundColor);
+ }
+}