monday-ui-react-core
Version:
Official monday.com UI resources for application development in React.js
82 lines (74 loc) • 1.38 kB
JavaScript
export const typographyList = [
{
name: "Main",
className: "main-title",
weight: 500,
size: "32px",
lineheight: "52px",
spacing: -1,
comments: "Main header on a page"
},
{
name: "Title",
className: "title",
weight: 500,
size: "24px",
lineheight: "32px",
spacing: -0.2,
comments: ""
},
{
name: "Secondary Sub",
className: "sub-secondary",
weight: 300,
size: "24px",
lineheight: "32px",
spacing: -0.2,
comments: "After heading, profile page headings"
},
{
name: "Subtitle",
className: "subtitle",
weight: 400,
size: "18px",
lineheight: "24px",
spacing: 0,
comments: "Group name, subheading in admin"
},
{
name: "Paragraph",
className: "paragraph",
weight: 300,
size: "16px",
lineheight: "24px",
spacing: 0,
comments: "Pulse name, text in update"
},
{
name: "Paragraph Bold",
className: "paragraph-bold",
weight: 500,
size: "16px",
lineheight: "24px",
spacing: 0,
comments: ""
},
{
name: "Input",
className: "input",
weight: 400,
size: "14px",
lineheight: "22px",
spacing: 0,
comments: "Buttons, forms"
},
{
name: "Link",
className: "link",
weight: 400,
size: "16px",
lineheight: "24px",
spacing: 0,
comments: "Links"
}
];