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