pager.css

Same filename in this branch
  1. 8.9.x core/profiles/demo_umami/themes/umami/css/classy/components/pager.css
  2. 8.9.x core/themes/seven/css/components/pager.css
  3. 8.9.x core/themes/seven/css/classy/components/pager.css
  4. 8.9.x core/themes/claro/css/components/pager.css
  5. 8.9.x core/themes/bartik/css/classy/components/pager.css
  6. 8.9.x core/themes/classy/css/components/pager.css
Same filename in other branches
  1. 9 core/profiles/demo_umami/themes/umami/css/classy/components/pager.css
  2. 9 core/themes/olivero/css/components/pager.css
  3. 9 core/themes/seven/css/components/pager.css
  4. 9 core/themes/seven/css/classy/components/pager.css
  5. 9 core/themes/claro/css/components/pager.css
  6. 9 core/themes/bartik/css/components/pager.css
  7. 9 core/themes/bartik/css/classy/components/pager.css
  8. 9 core/themes/starterkit_theme/css/components/pager.css
  9. 9 core/themes/classy/css/components/pager.css
  10. 10 core/profiles/demo_umami/themes/umami/css/classy/components/pager.css
  11. 10 core/themes/olivero/css/components/pager.css
  12. 10 core/themes/claro/css/components/pager.css
  13. 10 core/themes/starterkit_theme/css/components/pager.css
  14. 11.x core/profiles/demo_umami/themes/umami/css/classy/components/pager.css
  15. 11.x core/themes/olivero/css/components/pager.css
  16. 11.x core/themes/claro/css/components/pager.css
  17. 11.x core/themes/starterkit_theme/css/components/pager.css

Styles for Bartik's pagination.

File

core/themes/bartik/css/components/pager.css

View source
  1. /**
  2. * @file
  3. * Styles for Bartik's pagination.
  4. */
  5. /* Using .pager selector on the first one to override .region-content ul. */
  6. .pager .pager__items {
  7. padding: 0;
  8. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  9. }
  10. .pager__item {
  11. padding: 10px 15px;
  12. font-size: 0.929em;
  13. }
  14. .pager__item a {
  15. display: inline-block;
  16. }
  17. .pager__item.is-active a {
  18. color: #3b3b3b;
  19. border-bottom: 0;
  20. }
  21. .pager__item--first,
  22. .pager__item--previous {
  23. padding: 10px 10px 10px 0; /* LTR */
  24. }
  25. [dir="rtl"] .pager__item--first,
  26. [dir="rtl"] .pager__item--previous {
  27. padding-right: 0;
  28. padding-left: 10px;
  29. }
  30. .pager__item--ellipsis {
  31. padding: 10px 0;
  32. }
  33. .pager__item--last,
  34. .pager__item--next {
  35. padding: 10px 0 10px 10px; /* LTR */
  36. }
  37. [dir="rtl"] .pager__item--last,
  38. [dir="rtl"] .pager__item--next {
  39. padding-right: 10px;
  40. padding-left: 0;
  41. }

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