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/classy/components/pager.css
  3. 8.9.x core/themes/claro/css/components/pager.css
  4. 8.9.x core/themes/bartik/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 Seven's Pagination.

File

core/themes/seven/css/components/pager.css

View source
  1. /**
  2. * @file
  3. * Styles for Seven's Pagination.
  4. */
  5. .pager__items {
  6. margin: 0.25em 0 0.25em 1.5em; /* LTR */
  7. padding: 0;
  8. }
  9. [dir="rtl"] .pager__items {
  10. margin: 0.25em 1.5em 0.25em 0;
  11. }
  12. .pager__item {
  13. display: inline-block;
  14. margin: 0;
  15. padding: 0 0.4em;
  16. color: #757575;
  17. font-size: 1.08em;
  18. }
  19. .pager__item a {
  20. padding: 0 5px 2px;
  21. transition: border-bottom-color 0.2s;
  22. text-decoration: none;
  23. border-bottom: 2px solid transparent;
  24. font-weight: 600;
  25. line-height: 1.55em;
  26. -webkit-font-smoothing: antialiased;
  27. }
  28. .pager__item.is-active a {
  29. color: #2a678c;
  30. border-bottom-width: 3px;
  31. border-bottom-color: #2a678c;
  32. font-weight: 700;
  33. }
  34. .pager__item a:hover,
  35. .pager__item a:focus {
  36. color: #3395d2;
  37. border-bottom-color: #3395d2;
  38. }
  39. .pager__item--next a,
  40. .pager__item--last a,
  41. .pager__item--first a,
  42. .pager__item--previous a {
  43. color: #2a678c;
  44. border-bottom-width: 0;
  45. }

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