www.aleph1.co.uk Git - yaffs-website/blob - web/core/themes/seven/css/components/pager.css

   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   color: #8c8c8c;
  15   font-size: 1.08em;
  16   margin: 0;
  17   padding: 0 0.4em;
  18 }
  19 .pager__item a {
  20   border-bottom: 2px solid transparent;
  21   line-height: 1.55em;
  22   padding: 0 5px 2px;
  23   font-weight: 600;
  24   text-decoration: none;
  25   transition: border-bottom-color 0.2s;
  26   -webkit-font-smoothing: antialiased;
  27 }
  28 .pager__item.is-active a {
  29   border-bottom-width: 3px;
  30   border-bottom-color: #2a678c;
  31   color: #2a678c;
  32   font-weight: 700;
  33 }
  34 .pager__item a:hover,
  35 .pager__item a:focus {
  36   border-bottom-color: #3395d2;
  37   color: #3395d2;
  38 }
  39 .pager__item--next a,
  40 .pager__item--last a,
  41 .pager__item--first a,
  42 .pager__item--previous a {
  43   border-bottom-width: 0;
  44   color: #2a678c;
  45 }