hopefully fixed the scss

This commit is contained in:
Heli-o 2024-04-20 16:17:49 +02:00
parent 4d0e95ebf1
commit aada5e844c
2 changed files with 21 additions and 17 deletions

View file

@ -1,6 +1,6 @@
# Fediring # Fediring
<a href="https://fediring.net/">Fediring</a> <a href="https://fediring.net/">Fediring</a>
<div style="display:flex; flex-flow: row wrap;"> <div class="fring">
<a class="fring-button" href="https://fediring.net/previous?host=nexie.net"></a> <a class="fring-button" href="https://fediring.net/previous?host=nexie.net"></a>
<a class="fring-button" href="https://fediring.net/random">Random</a> <a class="fring-button" href="https://fediring.net/random">Random</a>
<a class="fring-button" href="https://fediring.net/next?host=nexie.net"></a> <a class="fring-button" href="https://fediring.net/next?host=nexie.net"></a>

View file

@ -1,7 +1,10 @@
@use "./base.scss"; @use "./base.scss";
// put your custom CSS here! // put your custom CSS here!
.fring-button { .fring {
display:flex;
flex-flow: row wrap;
.fring-button {
text-size: 0.9rem !important; text-size: 0.9rem !important;
border-radius: 16px !important; border-radius: 16px !important;
border:none !important; border:none !important;
@ -13,11 +16,12 @@
height: fit-content !important; height: fit-content !important;
cursor:pointer !important; cursor:pointer !important;
> svg { svg {
display:none !important; display:none !important;
} }
&:hover{ &:hover{
background-color: rgba(100,100,100, 0.5) !important; background-color: rgba(100,100,100, 0.5) !important;
} }
}
} }