23 lines
403 B
SCSS
23 lines
403 B
SCSS
@mixin space {
|
|
--space-3xs: 2px;
|
|
--space-2xs: 4px;
|
|
--space-xs: 8px;
|
|
--space-sm: 12px;
|
|
--space-md: 16px;
|
|
--space-lg: 20px;
|
|
--space-xl: 24px;
|
|
--space-2xl: 28px;
|
|
--space-3xl: 32px;
|
|
--space-4xl: 36px;
|
|
--space-5xl: 40px;
|
|
}
|
|
|
|
@mixin radius {
|
|
--radius-xs: 8px;
|
|
--radius-sm: 12px;
|
|
--radius-md: 16px;
|
|
--radius-lg: 20px;
|
|
--radius-xl: 28px;
|
|
--radius-round: calc(1px * infinity);
|
|
}
|