typography.css

Same filename in this branch
  1. 8.9.x core/themes/seven/css/base/typography.css
Same filename and directory in other branches
  1. 11.x core/themes/claro/css/base/typography.css
  2. 9 core/themes/seven/css/base/typography.css
  3. 9 core/themes/claro/css/base/typography.css
  4. 10 core/themes/claro/css/base/typography.css
/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/2815083
 * @preserve
 */
/**
* Reusable utility classes that apply vertical spacing consistency and inline
* with the base line height of Claro.
*/
.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/claro/css/base/typography.css

View on git.drupalcode.org
View source 
  1. /*

  2.  * DO NOT EDIT THIS FILE.

  3.  * See the following change record for more information,

  4.  * https://www.drupal.org/node/2815083

  5.  * @preserve

  6.  */

  7. /**

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

  9. * with the base line height of Claro.

  10. */

  11. .leader {

  12.   margin-top: 20px;

  13.   margin-top: 1.538rem;

  14. }

  15. .leader-double {

  16.   margin-top: 40px;

  17.   margin-top: 3.076rem;

  18. }

  19. .leader-triple {

  20.   margin-top: 60px;

  21.   margin-top: 4.614rem;

  22. }

  23. .leader-quadruple {

  24.   margin-top: 80px;

  25.   margin-top: 6.152rem;

  26. }

  27. .trailer {

  28.   margin-bottom: 20px;

  29.   margin-bottom: 1.538rem;

  30. }

  31. .trailer-double {

  32.   margin-bottom: 40px;

  33.   margin-bottom: 3.076rem;

  34. }

  35. .trailer-triple {

  36.   margin-bottom: 60px;

  37.   margin-bottom: 4.614rem;

  38. }

  39. .trailer-quadruple {

  40.   margin-bottom: 80px;

  41.   margin-bottom: 6.152rem;

  42. }

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.