mirror of
https://github.com/VickScarlet/lifeRestart.git
synced 2026-08-28 09:16:47 +08:00
26 lines
894 B
CSS
26 lines
894 B
CSS
.theme-svg {
|
|
--svg-color: oklch(from var(--text-color, var(--base-text-color)) calc(l + 0.2) c h);
|
|
transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
|
|
transform-origin: center;
|
|
.sun-center, .sun-beams, .mask-cutter-group {
|
|
transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);
|
|
transform-origin: center;
|
|
}
|
|
.mask-cutter-group { transform: translate(0.75rem, -0.75rem); }
|
|
.sun-center {
|
|
transition: fill 0.2s ease-in-out;
|
|
fill: var(--svg-color);
|
|
}
|
|
.sun-beams {
|
|
transition: stroke 0.2s ease-in-out;
|
|
stroke: var(--svg-color);
|
|
}
|
|
}
|
|
|
|
html[data-theme='dark'] {
|
|
.mask-cutter-group { transform: translate(0, 0); }
|
|
.theme-svg { transform: rotate(375deg); }
|
|
.sun-center { transform: scale(1.5); }
|
|
.sun-beams { opacity: 0; transform: scale(0.6); }
|
|
}
|