Typography

Create new sass file

  1. $ touch _typography.scss

Add the following code:

  1. html {
  2. font: em($font-size, 16) $primary-font-family;
  3. line-height: baseline($font-size);
  4. color: $primary-text
  5. }
  6. h1, h2, h3, h4, h5, h6, [role=heading] {
  7. @include heading();
  8. }
  9. .title {
  10. margin-bottom: em(5);
  11. padding: 0.25em 0;
  12. text-align: center;
  13. background-color: $delta-scale-bravo;
  14. color: $white;
  15. border-radius: em(5) em(5) 0 0;
  16. }

Add below the reset in application.scss

  1. /////// Base
  2. @import "typography";