Files
feishin/src/shared/components/number-input/number-input.module.css
T
Jeff c1330d92b2 Migrate to Mantine v8 and Design Changes (#961)
* mantine v8 migration

* various design changes and improvements
2025-06-24 00:04:36 -07:00

47 lines
848 B
CSS

.root {
transition: width 0.3s ease-in-out;
&[data-disabled='true'] {
opacity: 0.6;
}
}
.input {
width: 100%;
border: 1px solid transparent;
&[data-variant='default'] {
color: var(--theme-colors-surface-foreground);
background: var(--theme-colors-surface);
}
&[data-variant='filled'] {
color: var(--theme-colors-foreground);
background: var(--theme-colors-background);
}
}
.input:focus,
.input:focus-visible {
border-color: lighten(var(--theme-colors-border), 10%);
}
.control {
svg {
color: var(--theme-btn-default-fg);
fill: var(--theme-btn-default-fg);
}
}
.section {
color: var(--theme-colors-foreground-muted);
}
.required {
color: var(--theme-colors-state-error);
}
.label {
margin-bottom: var(--theme-spacing-sm);
}