.about-instance-title {
display: flex;
justify-content: space-between;
- margin-bottom: 20px;
.title {
font-size: 20px;
@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;
- margin-right: 5px;
&.category {
background-color: pvar(--mainColor);
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;
}