pollen-css
Version:
Utility-first CSS for the future
70 lines (67 loc) • 1.09 kB
text/typescript
export default {
/**
* Size scale
* Applied to sizing properties
* Eg: margin, padding, width, height
*/
size: {
px: "1px",
1: "4px",
2: "8px",
3: "12px",
4: "16px",
5: "20px",
6: "24px",
7: "28px",
8: "32px",
9: "36px",
10: "40px",
11: "44px",
12: "48px",
14: "56px",
16: "64px",
20: "80px",
24: "96px",
28: "112px",
32: "128px",
36: "144px",
40: "160px",
44: "176px",
48: "192px",
52: "208px",
56: "224px",
60: "240px",
64: "256px",
72: "288px",
80: "320px",
96: "384px",
full: "100%",
screen: "100vw",
min: "min-content",
max: "max-content",
},
/**
* Container widths
* Applied as max-width
*/
width: {
xs: "480px",
sm: "640px",
md: "768px",
lg: "1024px",
xl: "1280px",
},
/**
* Aspect ratios
* Applied as aspect-ratio
*/
ratio: {
square: "1/1",
portrait: "3/4",
landscape: "4/3",
tall: "2/3",
wide: "3/2",
widescreen: "16/9",
golden: "1.618/1",
},
};