blisstown/bliss.town
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

css refactor :]

Browse source
This commit is contained in:
ari melody 2026-03-23 21:32:25 +00:00
parent 81ab7856c6
commit 6e5aad77dd
Signed by: ari
GPG key ID: 60B5F0386E3DDB7E
5 changed files with 146 additions and 158 deletions
Download patch file Download diff file Expand all files Collapse all files

12
public/style/main.css
View file

@ -25,8 +25,11 @@ body {
color: var(--on-background);
background-color: var(--background);
}
transition: color .2s linear, background-color .2s linear;
*, *::before, *::after {
transition-property: background-color, color, box-shadow, border-color, opacity;
transition-duration: .2s;
}
header {
@ -38,7 +41,6 @@ header {
border-bottom: 1px solid var(--primary);
background-color: var(--background);
z-index: 1000;
transition: background-color .2s linear, box-shadow .2s linear, border-color .2s linear;
}
header nav {
@ -78,12 +80,10 @@ main {
.only-light {
opacity: 1;
transition: opacity .2s linear;
}
.only-dark {
opacity: 0;
transition: opacity .2s linear;
}
hr {
@ -99,14 +99,12 @@ hr::after {
padding: 5px;
color: var(--on-background);
background: var(--background);
transition: color .2s linear, background-color .2s linear;
}
a {
color: var(--on-primary);
text-decoration: none;
font-weight: bold;
transition: color .2s linear;
}
a:hover {
@ -123,7 +121,6 @@ button {
border: none;
border-radius: 2em;
cursor: pointer;
transition: color .2s linear, background-color .2s linear, transform .1s ease-out;
}
button:hover {
@ -140,7 +137,6 @@ footer {
padding: 1em 0;
text-align: center;
opacity: .5;
transition: opacity .1s ease-out;
}
footer:hover {