feat: font size robustness

worldcoin · Dec 10, 2023 · 44c1a1f · 44c1a1f
1 parent a6a5efd
commit 44c1a1f
Showing 1 changed file with 74 additions and 0 deletions.
diff --git a/packages/react/tailwind.config.cjs b/packages/react/tailwind.config.cjs
@@ -26,7 +26,81 @@ module.exports = {
 	content: ['./src/**/*.{js,ts,jsx,tsx}'],
 	darkMode: 'class',
 	theme: {
+		fontSize: {
+			xs: ["12px", { lineHeight: "16px" }],
+			sm: ["14px", { lineHeight: "20px" }],
+			base: ["16px", { lineHeight: "24px" }],
+			lg: ["18px", { lineHeight: "28px" }],
+			xl: ["20px", { lineHeight: "28px" }],
+			"2xl": ["24px", { lineHeight: "32px" }],
+			"3xl": ["30px", { lineHeight: "36px" }],
+			"4xl": ["36px", { lineHeight: "36px" }],
+			"5xl": ["48px", { lineHeight: "1" }],
+			"6xl": ["60px", { lineHeight: "1" }],
+			"7xl": ["72px", { lineHeight: "1" }],
+			"8xl": ["96px", { lineHeight: "1" }],
+			"9xl": ["144px", { lineHeight: "1" }],
+		},
+		spacing: {
+			px: '1px',
+			0: '0',
+			0.5: '2px',
+			1: '4px',
+			1.5: '6px',
+			2: '8px',
+			2.5: '10px',
+			3: '12px',
+			3.5: '14px',
+			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',
+		},
+		maxWidth: {
+			none: 'none',
+			0: '0',
+			'1/4': '25%',
+			'1/2': '50%',
+			'3/4': '75%',
+			full: '100%',
+			min: 'min-content',
+			max: 'max-content',
+			prose: '65ch',
+			md: '448px',
+		},
 		extend: {
+			lineHeight: {
+				3: '12px',
+				4: '16px',
+				5: '20px',
+				6: '24px',
+				7: '28px',
+				8: '32px',
+				9: '36px',
+				10: '40px',
+			},
 			screens: {
 				xs: '414px',
 				...defaultTheme.screens,