56 lines
1011 B
Plaintext
56 lines
1011 B
Plaintext
// Spacing and Border Radius System
|
|
// Consistent spacing scale following shadcn design principles
|
|
|
|
// Spacing scale (px)
|
|
export struct Spacing {
|
|
s0: length,
|
|
s1: length,
|
|
s2: length,
|
|
s3: length,
|
|
s4: length,
|
|
s6: length,
|
|
s8: length,
|
|
s12: length,
|
|
s16: length,
|
|
s24: length,
|
|
s32: length,
|
|
}
|
|
|
|
// Border radius scale (px)
|
|
export struct BorderRadius {
|
|
sm: length,
|
|
md: length,
|
|
lg: length,
|
|
xl: length,
|
|
xl2: length,
|
|
full: length,
|
|
}
|
|
|
|
// Global spacing configuration
|
|
export global SpacingSystem {
|
|
// Spacing values
|
|
out property <Spacing> spacing: {
|
|
s0: 0px,
|
|
s1: 4px,
|
|
s2: 8px,
|
|
s3: 12px,
|
|
s4: 16px,
|
|
s6: 24px,
|
|
s8: 32px,
|
|
s12: 48px,
|
|
s16: 64px,
|
|
s24: 96px,
|
|
s32: 128px,
|
|
};
|
|
|
|
// Border radius values
|
|
out property <BorderRadius> radius: {
|
|
sm: 4px,
|
|
md: 6px,
|
|
lg: 8px,
|
|
xl: 12px,
|
|
xl2: 16px,
|
|
full: 9999px,
|
|
};
|
|
}
|