antebudimir/feishin
1
0
Fork 0
mirror of https://github.com/antebudimir/feishin.git synced 2026-01-02 02:43:33 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Migrate to Mantine v8 and Design Changes (#961)

Browse source 
* mantine v8 migration

* various design changes and improvements
This commit is contained in:
Jeff 2025-06-24 00:04:36 -07:00 • committed by GitHub
parent bea55d48a8
commit c1330d92b2
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
473 changed files with 12469 additions and 11607 deletions
Download patch file Download diff file Expand all files Collapse all files

123
src/shared/components/icon/icon.module.css Normal file
View file

@ -0,0 +1,123 @@
.size-xs {
font-size: var(--theme-font-size-xs);
}
.size-sm {
font-size: var(--theme-font-size-sm);
}
.size-md {
font-size: var(--theme-font-size-md);
}
.size-lg {
font-size: var(--theme-font-size-lg);
}
.size-xl {
font-size: var(--theme-font-size-xl);
}
.size-2xl {
font-size: var(--theme-font-size-2xl);
}
.size-3xl {
font-size: var(--theme-font-size-3xl);
}
.size-4xl {
font-size: var(--theme-font-size-4xl);
}
.size-5xl {
font-size: var(--theme-font-size-5xl);
}
.color-default {
color: var(--theme-colors-foreground);
}
.color-primary {
color: var(--theme-colors-primary-filled);
}
.color-muted {
color: var(--theme-colors-foreground-muted);
}
.color-success {
color: var(--theme-colors-state-success);
}
.color-error {
color: var(--theme-colors-state-error);
}
.color-info {
color: var(--theme-colors-state-info);
}
.color-warn {
color: var(--theme-colors-state-warn);
}
.fill {
fill: transparent;
}
.fill-default {
fill: var(--theme-colors-foreground);
}
.fill-inherit {
fill: inherit;
}
.fill-primary {
fill: var(--theme-colors-primary-filled);
}
.fill-muted {
fill: var(--theme-colors-foreground-muted);
}
.fill-success {
fill: var(--theme-colors-state-success);
}
.fill-error {
fill: var(--theme-colors-state-error);
}
.fill-info {
fill: var(--theme-colors-state-info);
}
.fill-warn {
fill: var(--theme-colors-state-warn);
}
.spin {
animation: spin 1s linear infinite;
}
.pulse {
animation: pulse 1s linear infinite;
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes pulse {
0% {
opacity: 0.5;
}
}