Skip to content

Instantly share code, notes, and snippets.

@sebastiano-guerriero
Last active July 16, 2018 14:59
Show Gist options
  • Select an option

  • Save sebastiano-guerriero/6aa21671946f2681a28a5b2b56d55075 to your computer and use it in GitHub Desktop.

Select an option

Save sebastiano-guerriero/6aa21671946f2681a28a5b2b56d55075 to your computer and use it in GitHub Desktop.
:root {
--baseline: 24px;
/* spacing values */
--space-sm: calc(var(--baseline)/2);
--space-md: var(--baseline);
--space-lg: calc(var(--baseline)*2);
--space-xl: calc(var(--baseline)*3);
}
h1 {
margin-bottom: var(--space-lg);
}
h2 {
margin-bottom: var(--space-md);
}
p {
margin-bottom: var(--space-sm);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment