_pagination.scss in active_frontend-12.0.0

- old
+ new

@@ -4,10 +4,11 @@
 # Alignments
 # Colors */
 
 /* # Pagination
 ================================================== */
+.pagination { color: $color-black; }
 .pagination > ul {
   display: inline-block;
   margin: 0;
   padding: 0;
 }
@@ -20,11 +21,10 @@
 }
 .pagination > ul > li > a,
 .pagination > ul > li.active {
   background: $color-white;
   border-radius: 500px;
-  color: $color-black;
   display: inline-block;
   min-width: 8px;
   text-align: center;
   text-decoration: none;
 }
@@ -47,23 +47,21 @@
 .pagination-right { text-align: right; }
 .pagination-left { text-align: left; }
 
 /* # Colors
 ================================================== */
+.pagination-dark { color: $color-white; }
 .pagination-dark > ul > li > a,
-.pagination-dark > ul > li.active {
-  background: $color-black;
-  color: $color-white;
-}
+.pagination-dark > ul > li.active { background: $color-light-black; }
+.pagination-dark > ul > li > a:hover,
+.pagination-dark > ul > li > a:focus { background: $color-dark-black; }
 .pagination-light > ul > li > a,
 .pagination-light > ul > li.active { background: $color-light-haze; }
+.pagination-light > ul > li > a:hover,
+.pagination-light > ul > li > a:focus { background: $color-haze; }
 .pagination-dark > ul > li > a:active,
 .pagination-dark > ul > li.active,
 .pagination-light > ul > li > a:active,
 .pagination-light > ul > li.active {
   background: $color-primary;
   color: $color-white;
-}
-.pagination-dark > ul > li > a:hover,
-.pagination-dark > ul > li > a:focus { background: $color-light-black; }
-.pagination-light > ul > li > a:hover,
-.pagination-light > ul > li > a:focus { background: $color-haze; }
+}
\ No newline at end of file