SRETSS/TSSBOT-web
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix

Browse Source
This commit is contained in:
Heidi
2026-05-16 12:22:20 +01:00
parent 1cc500e428
commit ec64c1c89e
2 changed files with 67 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles.css
+34 -66
View File
@@ -397,19 +397,43 @@ h3 {
}
.pixel-sky-light-to-dark .pixel-sun {
animation: sunSetWest 980ms cubic-bezier(0.55, 0.085, 0.68, 0.53) forwards;
animation: celestialPathExit 980ms cubic-bezier(0.55, 0.085, 0.68, 0.53) forwards;
left: 0;
offset-anchor: center;
offset-path: var(--celestial-exit-path);
offset-rotate: 0deg;
top: 0;
transform: none;
}
.pixel-sky-light-to-dark .pixel-moon {
animation: moonRiseEast 980ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
animation: celestialPathEnter 980ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
left: 0;
offset-anchor: center;
offset-path: var(--celestial-enter-path);
offset-rotate: 0deg;
top: 0;
transform: none;
}
.pixel-sky-dark-to-light .pixel-moon {
animation: moonSetWest 980ms cubic-bezier(0.55, 0.085, 0.68, 0.53) forwards;
animation: celestialPathExit 980ms cubic-bezier(0.55, 0.085, 0.68, 0.53) forwards;
left: 0;
offset-anchor: center;
offset-path: var(--celestial-exit-path);
offset-rotate: 0deg;
top: 0;
transform: none;
}
.pixel-sky-dark-to-light .pixel-sun {
animation: sunRiseEast 980ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
animation: celestialPathEnter 980ms cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
left: 0;
offset-anchor: center;
offset-path: var(--celestial-enter-path);
offset-rotate: 0deg;
top: 0;
transform: none;
}
:root[data-theme="dark"] .pixel-mountains {
@@ -502,82 +526,26 @@ h3 {
}
}
@keyframes sunSetWest {
@keyframes celestialPathExit {
0% {
left: 78%;
offset-distance: 0%;
opacity: 1;
top: 18%;
}
42% {
left: 48%;
opacity: 0.85;
top: 9%;
}
100% {
left: 12%;
offset-distance: 100%;
opacity: 0;
top: 68%;
}
}
@keyframes moonRiseEast {
@keyframes celestialPathEnter {
0% {
left: 93%;
offset-distance: 0%;
opacity: 0;
top: 68%;
}
55% {
left: 86%;
opacity: 0.86;
top: 8%;
}
100% {
left: 78%;
offset-distance: 100%;
opacity: 1;
top: 18%;
}
}
@keyframes moonSetWest {
0% {
left: 78%;
opacity: 1;
top: 18%;
}
42% {
left: 48%;
opacity: 0.85;
top: 9%;
}
100% {
left: 12%;
opacity: 0;
top: 68%;
}
}
@keyframes sunRiseEast {
0% {
left: 93%;
opacity: 0;
top: 68%;
}
55% {
left: 86%;
opacity: 0.86;
top: 8%;
}
100% {
left: 78%;
opacity: 1;
top: 18%;
}
}