You are here

Home » API reference » Drupal 9

typography.css in Drupal 9

Same filename in this branch
  1. 9 core/themes/claro/css/base/typography.css
  2. 9 core/themes/seven/css/base/typography.css
Same filename and directory in other branches
  1. 8 core/themes/seven/css/base/typography.css
  2. 10 core/themes/seven/css/base/typography.css
/**
* Reusable utility classes that apply vertical spacing consistency and in line
* with the base line height of Seven.
*/
.leader {
  margin-top: 20px;
  margin-top: 1.538rem;
}
.leader-double {
  margin-top: 40px;
  margin-top: 3.076rem;
}
.leader-triple {
  margin-top: 60px;
  margin-top: 4.614rem;
}
.leader-quadruple {
  margin-top: 80px;
  margin-top: 6.152rem;
}
.trailer {
  margin-bottom: 20px;
  margin-bottom: 1.538rem;
}
.trailer-double {
  margin-bottom: 40px;
  margin-bottom: 3.076rem;
}
.trailer-triple {
  margin-bottom: 60px;
  margin-bottom: 4.614rem;
}
.trailer-quadruple {
  margin-bottom: 80px;
  margin-bottom: 6.152rem;
}

File

core/themes/seven/css/base/typography.css
View source 
  1. /**

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

  3. * with the base line height of Seven.

  4. */

  5. .leader {

  6.   margin-top: 20px;

  7.   margin-top: 1.538rem;

  8. }

  9. .leader-double {

  10.   margin-top: 40px;

  11.   margin-top: 3.076rem;

  12. }

  13. .leader-triple {

  14.   margin-top: 60px;

  15.   margin-top: 4.614rem;

  16. }

  17. .leader-quadruple {

  18.   margin-top: 80px;

  19.   margin-top: 6.152rem;

  20. }

  21. .trailer {

  22.   margin-bottom: 20px;

  23.   margin-bottom: 1.538rem;

  24. }

  25. .trailer-double {

  26.   margin-bottom: 40px;

  27.   margin-bottom: 3.076rem;

  28. }

  29. .trailer-triple {

  30.   margin-bottom: 60px;

  31.   margin-bottom: 4.614rem;

  32. }

  33. .trailer-quadruple {

  34.   margin-bottom: 80px;

  35.   margin-bottom: 6.152rem;

  36. }