put css into custom.css

This commit is contained in:
Heli-o 2024-04-20 16:01:28 +02:00
parent f02b2c59bd
commit 156abe5306
2 changed files with 16 additions and 19 deletions

View file

@ -1,25 +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 style="display:flex; flex-flow: row wrap;">
<style>
.fring-button {
    text-size: 0.9rem;
    border-radius: 16px;
    border:none;
    background-color: rgba(100,100,100, 0.3);
    padding: 0.4rem 0.8rem;
    margin: 0.2rem 0.4rem;
    text-decoration: none;
    width: fit-content;
    height: fit-content;
    cursor:pointer;
}
.fring-button:hover {
    background-color: rgba(100,100,100, 0.5);
}
</style>
<a class="fring-button" href="https://fediring.net/previous?host=nexie.net">Previous</a> <a class="fring-button" href="https://fediring.net/previous?host=nexie.net">Previous</a>
<a class="fring-button" href="fediring.net/random">Random</a> <a class="fring-button" href="fediring.net/random">Random</a>
<a class="fring-button" href="https://fediring.net/next?host=nexie.net">Next</a> <a class="fring-button" href="https://fediring.net/next?host=nexie.net">Next</a>

View file

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