Skip to content

Instantly share code, notes, and snippets.

@iksi

iksi/modular-scale.css

Last active November 7, 2016 17:18
Show Gist options
  • Save iksi/de232baa5af4c073d016b52715bc2176 to your computer and use it in GitHub Desktop.
Save iksi/de232baa5af4c073d016b52715bc2176 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
modular-scale.css
/*
MODULAR SCALE
*/
:root {
--font-size-base: 1rem;
--font-size-ratio: 1.2;
--font-size-1: var(--font-size-base);
--font-size-2: calc(var(--font-size-ratio) * var(--font-size-1));
--font-size-3: calc(var(--font-size-ratio) * var(--font-size-2));
--font-size-4: calc(var(--font-size-ratio) * var(--font-size-3));
--font-size-5: calc(var(--font-size-ratio) * var(--font-size-4));
--font-size-6: calc(var(--font-size-ratio) * var(--font-size-5));
--font-size-7: calc(var(--font-size-ratio) * var(--font-size-6));
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment