Chris@0: /**
Chris@0:  * @file
Chris@0:  * Styles for Seven's Pagination.
Chris@0:  */
Chris@0: .pager__items {
Chris@0:   margin: 0.25em 0 0.25em 1.5em; /* LTR */
Chris@0:   padding: 0;
Chris@0: }
Chris@0: [dir="rtl"] .pager__items {
Chris@0:   margin: 0.25em 1.5em 0.25em 0;
Chris@0: }
Chris@0: .pager__item {
Chris@0:   display: inline-block;
Chris@18:   margin: 0;
Chris@18:   padding: 0 0.4em;
Chris@17:   color: #757575;
Chris@0:   font-size: 1.08em;
Chris@0: }
Chris@0: .pager__item a {
Chris@18:   padding: 0 5px 2px;
Chris@18:   transition: border-bottom-color 0.2s;
Chris@18:   text-decoration: none;
Chris@0:   border-bottom: 2px solid transparent;
Chris@18:   font-weight: 600;
Chris@0:   line-height: 1.55em;
Chris@0:   -webkit-font-smoothing: antialiased;
Chris@0: }
Chris@0: .pager__item.is-active a {
Chris@18:   color: #2a678c;
Chris@0:   border-bottom-width: 3px;
Chris@0:   border-bottom-color: #2a678c;
Chris@0:   font-weight: 700;
Chris@0: }
Chris@0: .pager__item a:hover,
Chris@0: .pager__item a:focus {
Chris@18:   color: #3395d2;
Chris@0:   border-bottom-color: #3395d2;
Chris@0: }
Chris@0: .pager__item--next a,
Chris@0: .pager__item--last a,
Chris@0: .pager__item--first a,
Chris@0: .pager__item--previous a {
Chris@18:   color: #2a678c;
Chris@0:   border-bottom-width: 0;
Chris@0: }