You are here

pagers.css in AT Tools 8.3

/**
 * Pagers
 * - Full system pager.
 * - Views mini pager.
 ============================================================================ */
.pager {
  margin: 1rem 0;
  text-align: center;
}

.pager ul, .pager ol {
  margin: 0;
  padding: 0;
}

.pager li {
  list-style: none;
}

.pager--mini .pager__link--is-active {
  font-size: 0.875rem;
}

.pager__items {
  padding: 0;
  margin: 0 auto;
}

.pager__item {
  margin: 1px;
  display: inline-block;
}

@media screen and (max-width: 45em) {
  .pager__items__first-previous,
  .pager__items__num-pages,
  .pager__items__next-last {
    text-align: center;
  }
  .pager__items__first-previous .pager__item,
  .pager__items__next-last .pager__item {
    display: inline;
  }
}

@media screen and (min-width: 45.0625em) {
  .pager__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .pager__items__first-previous,
  .pager__items__num-pages,
  .pager__items__next-last {
    display: inline-block;
  }
  .pager__items__first-previous {
    text-align: left;
  }
  .pager__items__next-last {
    text-align: right;
  }
}

.pager__link {
  display: inline-block;
  border-radius: 2px;
  -webkit-transition: all, 225ms, ease-in-out;
  -o-transition: all, 225ms, ease-in-out;
  transition: all, 225ms, ease-in-out;
  padding: 0.125rem 0.4375rem 0;
  border: 0;
}

.pager__link:focus, .pager__link:hover {
  text-decoration: none;
}
/*# sourceMappingURL=pagers.css.map */

File

at_theme_generator/starterkits/starterkit/styles/css/components/pagers.css
View source
  1. /**
  2. * Pagers
  3. * - Full system pager.
  4. * - Views mini pager.
  5. ============================================================================ */
  6. .pager {
  7. margin: 1rem 0;
  8. text-align: center;
  9. }
  10. .pager ul, .pager ol {
  11. margin: 0;
  12. padding: 0;
  13. }
  14. .pager li {
  15. list-style: none;
  16. }
  17. .pager--mini .pager__link--is-active {
  18. font-size: 0.875rem;
  19. }
  20. .pager__items {
  21. padding: 0;
  22. margin: 0 auto;
  23. }
  24. .pager__item {
  25. margin: 1px;
  26. display: inline-block;
  27. }
  28. @media screen and (max-width: 45em) {
  29. .pager__items__first-previous,
  30. .pager__items__num-pages,
  31. .pager__items__next-last {
  32. text-align: center;
  33. }
  34. .pager__items__first-previous .pager__item,
  35. .pager__items__next-last .pager__item {
  36. display: inline;
  37. }
  38. }
  39. @media screen and (min-width: 45.0625em) {
  40. .pager__items {
  41. display: -webkit-box;
  42. display: -ms-flexbox;
  43. display: flex;
  44. -webkit-box-align: center;
  45. -ms-flex-align: center;
  46. align-items: center;
  47. -webkit-box-pack: justify;
  48. -ms-flex-pack: justify;
  49. justify-content: space-between;
  50. }
  51. .pager__items__first-previous,
  52. .pager__items__num-pages,
  53. .pager__items__next-last {
  54. display: inline-block;
  55. }
  56. .pager__items__first-previous {
  57. text-align: left;
  58. }
  59. .pager__items__next-last {
  60. text-align: right;
  61. }
  62. }
  63. .pager__link {
  64. display: inline-block;
  65. border-radius: 2px;
  66. -webkit-transition: all, 225ms, ease-in-out;
  67. -o-transition: all, 225ms, ease-in-out;
  68. transition: all, 225ms, ease-in-out;
  69. padding: 0.125rem 0.4375rem 0;
  70. border: 0;
  71. }
  72. .pager__link:focus, .pager__link:hover {
  73. text-decoration: none;
  74. }
  75. /*# sourceMappingURL=pagers.css.map */