2022-10-04 09:10:14 +00:00
|
|
|
html {
|
|
|
|
|
|
|
|
|
|
// Spacing
|
|
|
|
|
@for $i from 0 to 13 {
|
|
|
|
|
--spacing-#{$i}: #{$i*4}px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Font sizes
|
|
|
|
|
--font-size-sm: 12px;
|
|
|
|
|
--font-size-normal: 14px;
|
|
|
|
|
|
|
|
|
|
// Radiuses
|
2023-09-26 10:17:34 +00:00
|
|
|
--radius-none: 0px;
|
|
|
|
|
--radius-xs: 4px;
|
|
|
|
|
--radius-sm: 8px;
|
|
|
|
|
--radius-md: 12px;
|
|
|
|
|
--radius-lg: 16px;
|
|
|
|
|
--radius-xl: 24px;
|
|
|
|
|
--radius-round: 50%;
|
|
|
|
|
|
|
|
|
|
/** @deprecated since 4.3 **/
|
|
|
|
|
--small-radius: var(--radius-xs);
|
|
|
|
|
--medium-radius: var(--radius-sm);
|
|
|
|
|
--big-radius: var(--radius-lg);
|
|
|
|
|
--huge-radius: var(--radius-xl);
|
|
|
|
|
|
|
|
|
|
|
2022-10-04 09:10:14 +00:00
|
|
|
|
|
|
|
|
// A11y
|
|
|
|
|
--a11y-min-target-size: 44px;
|
|
|
|
|
|
|
|
|
|
}
|
