typography.pcss.css

/**
* Reusable utility classes that apply vertical spacing consistency and inline
* with the base line height of Claro.
*/
.leader {
  margin-top: 1.538rem;
}
.leader-double {
  margin-top: 3.076rem;
}
.leader-triple {
  margin-top: 4.614rem;
}
.leader-quadruple {
  margin-top: 6.152rem;
}
.trailer {
  margin-bottom: 1.538rem;
}
.trailer-double {
  margin-bottom: 3.076rem;
}
.trailer-triple {
  margin-bottom: 4.614rem;
}
.trailer-quadruple {
  margin-bottom: 6.152rem;
}

File

core/themes/claro/css/base/typography.pcss.css

View source 
  1. /**

  2. * Reusable utility classes that apply vertical spacing consistency and inline

  3. * with the base line height of Claro.

  4. */

  5. .leader {

  6.   margin-top: 1.538rem;

  7. }

  8. .leader-double {

  9.   margin-top: 3.076rem;

  10. }

  11. .leader-triple {

  12.   margin-top: 4.614rem;

  13. }

  14. .leader-quadruple {

  15.   margin-top: 6.152rem;

  16. }

  17. .trailer {

  18.   margin-bottom: 1.538rem;

  19. }

  20. .trailer-double {

  21.   margin-bottom: 3.076rem;

  22. }

  23. .trailer-triple {

  24.   margin-bottom: 4.614rem;

  25. }

  26. .trailer-quadruple {

  27.   margin-bottom: 6.152rem;

  28. }