Skip to content

Instantly share code, notes, and snippets.

@coltpini
Created February 2, 2018 20:20
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save coltpini/0777381929c09faef5ae637c32d92bf7 to your computer and use it in GitHub Desktop.
Save coltpini/0777381929c09faef5ae637c32d92bf7 to your computer and use it in GitHub Desktop.
:root {
/* ---- font-size-root ------*/
--font-size-root: 16px;
/* ---- font-size ------*/
--font-size-50: 0.625rem;
--font-size-100: 0.6875rem;
--font-size-200: 0.75rem;
--font-size-300: 0.875rem;
--font-size-400: 1rem;
--font-size: 1.125rem;
--font-size-500: 1.125rem;
--font-size-600: 1.25rem;
--font-size-700: 1.375rem;
--font-size-750: 1.5rem;
--font-size-800: 1.625rem;
--font-size-900: 1.75rem;
--font-size-1000: 1.875rem;
--font-size-1100: 2.25rem;
--font-size-1200: 3.25rem;
--font-size-1300: 3.375rem;
/* ---- line-height ------*/
--line-height-400: 1.15;
--line-height: 1.45;
--line-height-500: 1.45;
--line-height-600: 1.55;
/* ---- sans ------*/
--sans: 'Example Font', 'noto sans', Helvetica, Arial, sans-serif;
/* ---- serif ------*/
--serif: 'Example Serif Font', palatino, 'times new roman', times, serif;
/* ---- mono ------*/
--mono: 'Courier New', Courier, monospace;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment