// Variables //—————————————————— $pagination-background-color: $white !default; $pagination-background-color-hover: $mediumgray-light !default; $pagination-background-color-active: $grass-dark !default;
$pagination-font-color: $darkgray-dark !default; $pagination-font-color-hover: $white !default; $pagination-font-color-disabled: $lightgray-dark !default;
// Exports //——————————————————
@include exports(“pagination”) {
/** * pagination * -------------------------------------------------- */ .pagination { & > li > a, & > li > span { color: $pagination-font-color; background-color: $pagination-background-color; border-color: $pagination-background-color-hover; } & > li > a:hover, & > li > span:hover, & > li > a:focus, & > li > span:focus { color: $pagination-font-color-hover; background-color: $pagination-background-color-hover; border-color: $pagination-background-color-hover; } & > .active > a, & > .active > span, & > .active > a:hover, & > .active > span:hover, & > .active > a:focus, & > .active > span:focus { color: $pagination-font-color-hover; background-color: $pagination-background-color-active; border-color: $pagination-background-color-active; } & > .disabled > span, & > .disabled > span:hover, & > .disabled > span:focus, & > .disabled > a, & > .disabled > a:hover, & > .disabled > a:focus { color: $pagination-font-color-disabled; background-color: $pagination-background-color; border-color: $pagination-background-color-hover; } }
}