scss typography_04.scss

Posted 2021-05-17

: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);
}