You are here

Home » API reference » AT Tools 8

pagers.css in AT Tools 8

Same filename and directory in other branches
  1. 8.3 at_theme_generator/starterkits/starterkit/styles/css/components/pagers.css
  2. 8.2 at_theme_generator/starterkits/starterkit/styles/css/components/pagers.css
/**
 * Pagers
 * - Full system pager.
 * - Views mini pager.
 ============================================================================ */
.pager {
  margin: 16px 0;
  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: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
}

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

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

@media all and (max-width: 60em) {
  .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 all and (min-width: 60.063em) {
  .pager__items__first-previous,
  .pager__items__num-pages,
  .pager__items__next-last {
    display: inline-block;
  }

  .pager__items__num-pages {
    text-align: center;
  }

  .pager__items__first-previous {
    float: left;
  }

  .pager__items__next-last {
    float: right;
  }
}
.pager__link {
  display: inline-block;
  border-radius: 2px;
  transition: all, 225ms, ease-in-out;
  padding: 2px 7px 0;
  padding: 0.125rem 0.4375rem 0;
  border: 0;
}
.pager__link:focus, .pager__link:hover {
  text-decoration: none;
}

/*# sourceMappingURL=maps/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: 16px 0;

  8.   margin: 1rem 0;

  9.   text-align: center;

  10. }

  11. .pager ul, .pager ol {

  12.   margin: 0;

  13.   padding: 0;

  14. }

  15. .pager li {

  16.   list-style: none;

  17. }

  18. 

  19. .pager--mini .pager__link--is-active {

  20.   font-size: 14px;

  21.   font-size: 0.875rem;

  22.   line-height: 18px;

  23.   line-height: 1.125rem;

  24. }

  25. 

  26. .pager__items {

  27.   padding: 0;

  28.   margin: 0 auto;

  29. }

  30. 

  31. .pager__item {

  32.   margin: 1px;

  33.   display: inline-block;

  34. }

  35. 

  36. @media all and (max-width: 60em) {

  37.   .pager__items__first-previous,

  38.   .pager__items__num-pages,

  39.   .pager__items__next-last {

  40.     text-align: center;

  41.   }

  42. 

  43.   .pager__items__first-previous .pager__item,

  44.   .pager__items__next-last .pager__item {

  45.     display: inline;

  46.   }

  47. }

  48. @media all and (min-width: 60.063em) {

  49.   .pager__items__first-previous,

  50.   .pager__items__num-pages,

  51.   .pager__items__next-last {

  52.     display: inline-block;

  53.   }

  54. 

  55.   .pager__items__num-pages {

  56.     text-align: center;

  57.   }

  58. 

  59.   .pager__items__first-previous {

  60.     float: left;

  61.   }

  62. 

  63.   .pager__items__next-last {

  64.     float: right;

  65.   }

  66. }

  67. .pager__link {

  68.   display: inline-block;

  69.   border-radius: 2px;

  70.   transition: all, 225ms, ease-in-out;

  71.   padding: 2px 7px 0;

  72.   padding: 0.125rem 0.4375rem 0;

  73.   border: 0;

  74. }

  75. .pager__link:focus, .pager__link:hover {

  76.   text-decoration: none;

  77. }

  78. 

  79. /*# sourceMappingURL=maps/pagers.css.map */