less/base/typography.less provides a number of styles, which are documented below, for most use cases.Our body node has a font-size property value of @font-size, a line-height property value of @line-height, and a color property value of @shuttle-gray.
Our code node has a padding property value of 2px 4px, a color property value of @torch-red, a background-color property value of rgba(@torch-red, 0.1), and a border-radius property value of @border-radius-level-2.
All headings have a line-height property value of normal and a color property value of @outer-space.
h1, h2, and h3 nodes have a margin property value of 0 0 32px 0 and a font-weight property value of 300.
h1 nodes have a font-size property value of 48px and a line-height property value of 72px.
h2 nodes have a font-size property value of 40px and a line-height property value of 60px.
h3 nodes have a font-size property value of 24px and a line-height property value of 36px.
h4, h5, and h6 nodes have a margin property value of 0 0 16px 0, a font-size property value of @font-size, and a line-height property value of @line-height.
All a nodes have a text-decoration property value of none and their :hover state has a text-decoration property value of underline.
All ol and ul nodes have a margin property value of 2px 16px 32px 34px and their children li nodes have a margin-bottom property value of 8px.
Use this modifier to set an ordered or unordered lists list-style property value to none.
Use this modifier to set an ordered or unordered lists margin-bottom property value to 0.
All p nodes have a margin property value of 16px 0.
Use this modifier to set a paragraphs margin-top property value to 0.
Use this modifier to set a paragraphs margin-bottom property value to 0.