TRX/Checkmate
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: moved theme switch stylings

Browse Source
This commit is contained in:
Peter Carl Pardo committed 2024-12-20 23:07:36 +08:00
1 parent 76dc4ebb0c
commit b97e70f162
2 files changed
+6 -12
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

Client/src/Components/ThemeSwitch/index.css
+6 -6
View File
@@ -27,27 +27,27 @@
@media (prefers-reduced-motion: no-preference) {
.sun-and-moon > .sun {
transition: transform 0.5s var(--ease-elastic-3);
transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.sun-and-moon > .sun-beams {
transition:
transform 0.5s var(--ease-elastic-4),
opacity 0.5s var(--ease-3);
transform 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55),
opacity 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.sun-and-moon .moon > circle {
transition: transform 0.25s var(--ease-out-5);
transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
@supports (cx: 1) {
.sun-and-moon .moon > circle {
transition: cx 0.25s var(--ease-out-5);
transition: cx 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
}
.theme-dark .sun-and-moon > .sun {
transition-timing-function: var(--ease-3);
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
transition-duration: 0.25s;
transform: scale(1.75);
}
Client/src/index.css
-6
View File
@@ -54,12 +54,6 @@ html {
--env-var-shadow-1: 0px 4px 24px -4px rgba(16, 24, 40, 0.08),
0px 3px 3px -3px rgba(16, 24, 40, 0.03);
/* ThemeSwitch Component Stylings */
--ease-elastic-3: cubic-bezier(0.68, -0.55, 0.27, 1.55);
--ease-elastic-4: cubic-bezier(0.68, -0.55, 0.27, 1.55);
--ease-3: cubic-bezier(0.25, 0.1, 0.25, 1);
--ease-out-5: cubic-bezier(0.4, 0, 0.2, 1);
}
.MuiInputBase-root.Mui-disabled input {