// // Pagination // —————————————- .dark {
.pagination { > li { > a { background-color: $pagination-bgr-color; border: 1px solid $pagination-border-color; } } > li > a { &.focus, &:focus { background-color: hsv-lighten($pagination-bgr-color, 21%, true); border-color: hsv-lighten($pagination-border-color, 21%, true); } &.hover, &:hover { background-color: hsv-lighten($pagination-bgr-color, 7%, true); border-color: hsv-lighten($pagination-border-color, 7%, true); } &.active, &:active { background-color: hsv-lighten($pagination-bgr-color, 15%, true); border-color: hsv-lighten($pagination-border-color, 15%, true); } } > .active > a { background-color: $pagination-active-bgr-color; border-color: $pagination-active-border-color; overflow: hidden; &:before { content: url('data:image/gif;base64,R0lGODdhDAAMAKUiAOYgheYhhuYihuYih+Yjh+YjiOYkh+YkiOYliOYlieYmiOYmieYniecniecniuYoiucoiecoiuYpiucpiucqiucqi+cri+csjOctjOcujecvjecvjucwjugxj+gyj+g0kOg1kOg1kf///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////ywAAAAADAAMAAAGXUAE4lAYBACAAOFwEB4IRqSS6YQGroKls3gNZJsJptWrXSzEAnKT8XgQ3oOvgiGpVN54A4JuuVzwTXMPFhgaGwVMCQ0QERQYHB4eiQ0RExQWGR0fIIkOlRWYHiAhQQA7'); } &.focus, &:focus { background-color: hsv-darken($pagination-active-bgr-color, 16%, true); border-color: hsv-darken($pagination-active-border-color, 16%, true); } &.hover, &:hover { background-color: hsv-darken($pagination-active-bgr-color, 5%, true); border-color: hsv-darken($pagination-active-border-color, 5%, true); } &.active, &:active { background-color: hsv-darken($pagination-active-bgr-color, 10%, true); border-color: hsv-darken($pagination-active-border-color, 10%, true); } } > .disabled { > a, > a:hover, > a:focus, > a:active { background-color: $pagination-disabled-bgr-color; border-color: $pagination-disabled-border-color; cursor: not-allowed; } } } .pagination-small { @include pagination-variant($pagination-width-small, $pagination-height-small, $pagination-gutter-small); }
}