_elements.page.scss 698 B

12345678910111213141516171819
  1. /* ==========================================================================
  2. #PAGE
  3. ========================================================================== */
  4. /**
  5. * Simple page-level setup.
  6. *
  7. * 1. Set the default `font-size` and `line-height` for the entire project,
  8. * sourced from our default variables. The `font-size` is calculated to exist
  9. * in ems, the `line-height` is calculated to exist unitlessly.
  10. * 2. Ensure the page always fills at least the entire height of the viewport.
  11. */
  12. html,
  13. body {
  14. font-size: ($inuit-global-font-size / 16px) * 1em; /* [1] */
  15. line-height: $inuit-global-line-height / $inuit-global-font-size; /* [1] */
  16. min-height: 100%; /* [2] */
  17. }