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,23 +1,27 @@
@use "./base.scss"; @use "./base.scss";
// put your custom CSS here! // put your custom CSS here!
.fring-button { .fring {
text-size: 0.9rem !important; display:flex;
border-radius: 16px !important; flex-flow: row wrap;
border:none !important; .fring-button {
background-color: rgba(100,100,100, 0.3) !important; text-size: 0.9rem !important;
padding: 0.4rem 0.8rem !important; border-radius: 16px !important;
margin: 0.2rem 0.4rem !important; border:none !important;
text-decoration: none !important; background-color: rgba(100,100,100, 0.3) !important;
width: fit-content !important; padding: 0.4rem 0.8rem !important;
height: fit-content !important; margin: 0.2rem 0.4rem !important;
cursor:pointer !important; text-decoration: none !important;
width: fit-content !important;
height: fit-content !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;
}
} }
} }