decanter
Version:
Design System Tailwind CSS Preset.
51 lines (50 loc) • 1.45 kB
JavaScript
/**
* Font Size Defaults.
* Also see our custom modular typography classes (.type-0 to .type-6).
*/
module.exports = function () {
return {
// Font size under 10px (1rem) is not recommended
// text-11 to text-30 correspond to font sizes from 11px to 30px (in rem units)
11: '1.1rem',
12: '1.2rem',
13: '1.3rem',
14: '1.4rem',
15: '1.5rem',
16: '1.6rem',
17: '1.7rem',
18: '1.8rem',
19: '1.9rem',
20: '2rem',
21: '2.1rem',
22: '2.2rem',
23: '2.3rem',
24: '2.4rem',
25: '2.5rem',
26: '2.6rem',
27: '2.7rem',
28: '2.8rem',
29: '2.9rem',
30: '3rem',
/**
* Font sizes classes for use in modular typography utilities.
* To take full advantage of modular typography which inlude letter spacing adjustments propotional to font sizes,
* use type-0 to type-9 instead
* See src/plugins/theme/decanter.js
*/
m0: '1em', // text-m0 equals to 1em (modular step 0 = base)
m1: '1.25em', // text-m1 = 1.25 x 1em (modular step 1)
m2: '1.56em', // text-m2 = 1.25 x 1.25 x 1em (modular step 2) and so on
m3: '1.95em',
m4: '2.44em',
m5: '3.05em',
m6: '3.81em',
m7: '4.77em',
m8: '5.96em',
m9: '7.45em',
// text--m1 doesn't use the 1.25 scale factor.
// Merely a convenience class for a slightly smaller font size than the base step
'-m1': '0.9em',
'09em': '0.9em', // alias for text--m1
};
};