Skip to content

Instantly share code, notes, and snippets.

@benschac
Created June 16, 2020 15:10
Show Gist options
  • Save benschac/9745c45c61948546505d4293ec4c3257 to your computer and use it in GitHub Desktop.
Save benschac/9745c45c61948546505d4293ec4c3257 to your computer and use it in GitHub Desktop.
:root {
/* TODO -- Use postCSS to get pow() function */
--font-size: min(max(1rem, 4vw), 22px);
--ratio: 1.5;
--line-height-small: calc(var(--ratio) * .7);
--measure: 60ch;
--s-5: calc(var(--s-4) / var(--ratio));
--s-4: calc(var(--s-3) / var(--ratio));
--s-3: calc(var(--s-2) / var(--ratio));
--s-2: calc(var(--s-1) / var(--ratio));
--s-1: calc(var(--s0) / var(--ratio));
--s0: var(--font-size);
--s1: calc(var(--s0) * var(--ratio));
--s2: calc(var(--s1) * var(--ratio));
--s3: calc(var(--s2) * var(--ratio));
--s4: calc(var(--s3) * var(--ratio));
--s5: calc(var(--s4) * var(--ratio));
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment