jalil/jalil.arfaoui.net
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Suppression du CSS mort de l'ancien toggle dark mode (#darkToggle, animations sun/moon)

Browse source
This commit is contained in:
Jalil Arfaoui 2026-02-18 09:26:00 +01:00
parent 98778965d2
commit c80e2bd386
1 changed files with 0 additions and 59 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

59
src/assets/css/main.css
View file

@ -6,63 +6,4 @@
.prose img {
border-radius: 30px;
}
#sun {
transform: translate3d(0, 0px, 0);
}
#moon {
transform: translate3d(0, 0px, 0);
}
#darkToggle:hover #sun {
transform: translate3d(0, 10px, 0);
}
#darkToggle:hover #moon {
transform: translate3d(0, 10px, 0);
}
html.dark #darkToggle:hover .horizon {
border-color: #718096 !important;
}
.horizon .setting {
animation: 1s ease 0s 1 setting;
}
.horizon .rising {
animation: 1s ease 0s 1 rising;
}
@keyframes setting {
0% {
transform: translate3d(0, 10px, 0)
}
40% {
transform: translate3d(0, -2px, 0)
}
to {
transform: translate3d(0, 30px, 0)
}
}
@keyframes rising {
0% {
opacity: 0;
transform: translate3d(0, 30px, 0)
}
40% {
opacity: 1;
transform: translate3d(0, -2px, 0)
}
to {
opacity: 1;
transform: translate3d(0, 10, 0)
}
}