typeScale: {
"w-body-text": {
fontSize: string;
fontWeight: string;
lineHeight: string;
};
"w-body-text-large": {
fontSize: string;
fontWeight: string;
lineHeight: string;
};
"w-h1": {
color: string;
fontSize: string;
fontWeight: string;
lineHeight: string;
};
"w-h2": {
color: string;
fontSize: string;
fontWeight: string;
lineHeight: string;
};
"w-h3": {
color: string;
fontSize: string;
fontWeight: string;
lineHeight: string;
};
"w-h4": {
color: string;
fontSize: string;
fontWeight: string;
lineHeight: string;
};
"w-help-text": {
color: string;
fontSize: string;
fontWeight: string;
lineHeight: string;
};
"w-label-1": {
color: string;
fontSize: string;
fontWeight: string;
lineHeight: string;
};
"w-label-2": {
color: string;
fontSize: string;
fontWeight: string;
lineHeight: string;
};
"w-label-3": {
color: string;
fontSize: string;
fontWeight: string;
lineHeight: string;
};
} = ...
Type declaration
w-body-text: { fontSize: string; fontWeight: string; lineHeight: string }
w-body-text-large: { fontSize: string; fontWeight: string; lineHeight: string }
w-h1: { color: string; fontSize: string; fontWeight: string; lineHeight: string }
w-h2: { color: string; fontSize: string; fontWeight: string; lineHeight: string }
w-h3: { color: string; fontSize: string; fontWeight: string; lineHeight: string }
w-h4: { color: string; fontSize: string; fontWeight: string; lineHeight: string }
w-help-text: { color: string; fontSize: string; fontWeight: string; lineHeight: string }
w-label-1: { color: string; fontSize: string; fontWeight: string; lineHeight: string }
w-label-2: { color: string; fontSize: string; fontWeight: string; lineHeight: string }
w-label-3: { color: string; fontSize: string; fontWeight: string; lineHeight: string }
Wagtail’s type scale styles, written with Tailwind theme function values, but in vanilla JS so the type scale can be reused outside of Tailwind.