@getbase/typography
Version:
Base Typography
57 lines (52 loc) • 2.71 kB
text/less
// ==========================================================================
// Base Typography – Variables
// ==========================================================================
// Global Typography
@base-background-color: #fff;
@base-font-family: sans-serif;
@base-font-size: 16px;
@base-line-height: 22px;
@base-font-weight: 400;
@base-font-color: #000;
@base-link-color: #000;
@base-link-hover-color: #000;
@base-link-active-color: #000;
// Headings
@base-heading-font-family: sans-serif;
@base-h1-font-size: 32px;
@base-h1-line-height: 38px;
@base-h1-font-weight: 700;
@base-h1-color: #000;
@base-h2-font-size: 26px;
@base-h2-line-height: 32px;
@base-h2-font-weight: 700;
@base-h2-color: #000;
@base-h3-font-size: 22px;
@base-h3-line-height: 28px;
@base-h3-font-weight: 700;
@base-h3-color: #000;
@base-h4-font-size: 18px;
@base-h4-line-height: 24px;
@base-h4-font-weight: 700;
@base-h4-color: #000;
@base-h5-font-size: 16px;
@base-h5-line-height: 22px;
@base-h5-font-weight: 700;
@base-h5-color: #000;
@base-h6-font-size: 14px;
@base-h6-line-height: 20px;
@base-h6-font-weight: 700;
@base-h6-color: #000;
// Blockquotes
@base-blockquote-font-family: sans-serif;
@base-blockquote-font-size: 18px;
@base-blockquote-line-height: 24px;
@base-blockquote-font-weight: 400;
@base-blockquote-cite-font-weight: 700;
// Code
@base-code-font-family: monospace, monospace;
@base-code-font-size: 13px;
@base-code-line-height: 18px;
@base-code-color: #000;
@base-code-background-color: #f7f7f7;
@base-code-border-color: #e7e7e7;