ulysia/site
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

hopefully fixed the scss

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
content/Webrings.md
View file

@ -1,6 +1,6 @@
# Fediring
<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/random">Random</a>
<a class="fring-button" href="https://fediring.net/next?host=nexie.net">►</a>

36
quartz/styles/custom.scss
View file

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