init
This commit is contained in:
55
ui/theme/spacing.slint
Normal file
55
ui/theme/spacing.slint
Normal file
@@ -0,0 +1,55 @@
|
||||
// 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,
|
||||
};
|
||||
}
|
||||
Reference in New Issue
Block a user