@salesforce-ux/design-system
Version:
Salesforce Lightning Design System
52 lines • 1.29 kB
JavaScript
// Border size 1.
export const sizingBorder1 = "1px";
// Border size 2.
export const sizingBorder2 = "2px";
// Border size 3.
export const sizingBorder3 = "3px";
// Border size 4.
export const sizingBorder4 = "4px";
// Size 1.
export const sizing1 = "0.125rem";
// Size 2.
export const sizing2 = "0.25rem";
// Size 3.
export const sizing3 = "0.5rem";
// Size 4.
export const sizing4 = "0.75rem";
// Size 5.
export const sizing5 = "1rem";
// Size 6.
export const sizing6 = "1.25rem";
// Size 7.
export const sizing7 = "1.5rem";
// Size 8.
export const sizing8 = "1.75rem";
// Size 9.
export const sizing9 = "2rem";
// Size 10.
export const sizing10 = "3rem";
// Size 11.
export const sizing11 = "4rem";
// Size 12.
export const sizing12 = "5rem";
// Size 13.
export const sizing13 = "10rem";
// Size 14.
export const sizing14 = "15rem";
// Size 15.
export const sizing15 = "20rem";
// Size 16.
export const sizing16 = "30rem";
// Content Size 1.
export const sizingContent1 = "20ch";
// Content Size 2.
export const sizingContent2 = "45ch";
// Content Size 3.
export const sizingContent3 = "60ch";
// Header content size 1.
export const sizingHeading1 = "20ch";
// Header content size 2.
export const sizingHeading2 = "25ch";
// Header content size 3.
export const sizingHeading3 = "35ch";