tailwindcss-fluid-typography
Version:
A fluid typography plugin for Tailwind CSS with support for font-size, line-height and letter-spacing properties.
70 lines (69 loc) • 1.5 kB
JavaScript
export const defaultSettings = {
values: [
{
key: "xs",
fontSize: [0.75, 0.75],
lineHeight: [0.75, 1],
},
{
key: "xs",
fontSize: [0.5, 0.75],
lineHeight: [0.75, 1],
},
{
key: "sm",
fontSize: [0.75, 1],
lineHeight: [1.25, 1.5],
},
{
key: "base",
fontSize: [0.875, 1],
lineHeight: [1, 1.25],
},
{
key: "lg",
fontSize: [1.125, 1.5],
lineHeight: [1.75, 2],
},
{
key: "2xl",
fontSize: [1.5, 1.875],
lineHeight: [2, 2.25],
},
{
key: "3xl",
fontSize: [1.875, 2.25],
lineHeight: [2.25, 2.5],
},
{
key: "4xl",
fontSize: [2.25, 3],
lineHeight: [2.5, 1],
},
{
key: "5xl",
fontSize: [3, 3.75],
lineHeight: 1,
},
{
key: "6xl",
fontSize: [3.75, 4.5],
lineHeight: 1,
},
{
key: "7xl",
fontSize: [4.5, 6],
lineHeight: 1,
},
{
key: "8xl",
fontSize: [6, 8],
lineHeight: 1,
},
{
key: "9xl",
fontSize: [6, 8],
lineHeight: 1,
},
],
};