smooth transition

This commit is contained in:
violette 2024-05-10 00:13:40 -04:00
parent 9f71249f83
commit b5b7b43530

View file

@ -20,6 +20,7 @@
--text-pink: var(--text-pink-light); --text-pink: var(--text-pink-light);
--text-mauve: var(--text-mauve-dark); --text-mauve: var(--text-mauve-dark);
} }
}
#color-mode:checked ~ .color-scheme-wrapper { #color-mode:checked ~ .color-scheme-wrapper {
--bg:black; --bg:black;
@ -40,12 +41,11 @@
.color-scheme-wrapper { .color-scheme-wrapper {
min-height:100vh; min-height:100vh;
background:var(--bg); background:var(--bg);
transition: 1s all;
color:var(--text); color:var(--text);
} }
.margin { .margin {
background:var(--bg);
color:var(--text);
padding-left: 20px; padding-left: 20px;
padding-right: 20px; padding-right: 20px;
} }
@ -61,8 +61,6 @@ body {
} }
header { header {
background-color: var(--bg);
color: var(--text);
border-bottom: 1px solid #222; border-bottom: 1px solid #222;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
@ -78,7 +76,6 @@ h1 {
h1:hover { h1:hover {
color: var(--text-mauve); color: var(--text-mauve);
transition-duration: 500ms;
} }
h2 { h2 {
@ -107,7 +104,6 @@ footer {
.footer { .footer {
color: var(--text); color: var(--text);
background-color: var(--bg);
align-items: center; align-items: center;
width: 100%; width: 100%;
display: flex; display: flex;
@ -121,11 +117,6 @@ footer {
margin: 5pt; margin: 5pt;
} }
main {
background-color: var(--bg);
border-bottom: 1rem solid var(--bg);
}
.nav-right { .nav-right {
display: flex; display: flex;
align-items:flex-end; align-items:flex-end;