_pagination.scss in active_frontend-6.3.0

- old
+ new
@@ -2,40 +2,42 @@
 ==================================================
 # Pagination */
 
 /* # Pagination
 ================================================== */
-.pagination ul {
+.pagination > ul {
   display: inline-block;
-  margin-bottom: 0;
-  margin-left: 0;
+  margin: 0;
   padding: 0;
 }
-.pagination ul > li {
-  display: inline-block ;
+.pagination > ul > li {
+  display: inline-block;
   font-size: 14px;
   line-height: 14px;
   margin-right: 2px;
 }
-.pagination ul > li > a {
+.pagination > ul > li > a,
+.pagination > ul > li.active {
   background: rgba(245,248,250,1);
   border-radius: 500px;
   color: rgba(35,41,55,1);
   min-width: 8px;
   padding: 9px 10px 7px 10px;
-  text-decoration: none;
   text-align: center;
+  text-decoration: none;
 }
-.pagination ul > li > a:hover,
-.pagination ul > li > a:focus { background: rgba(235,238,240,1); }
-.pagination ul > .active {
+.pagination > ul > li > a:hover,
+.pagination > ul > li > a:focus { background: rgba(235,238,240,1); }
+.pagination > ul > li > a:active,
+.pagination > ul > li.active {
   background: $primary-color;
-  border-radius: 500px;
   color: rgba(255,255,255,1);
-  min-width: 8px;
-  padding: 8px 10px 6px 10px;
-  text-align: center;
 }
-.pagination ul > .pagination-icon > a { padding: 9px 11px 7px 11px; }
+.pagination > ul > li.active {
+  padding-bottom: 6px;
+  padding-top: 8px;
+}
+.pagination > ul > li.pagination-icon:first-child > a { padding-right: 11px; }
+.pagination > ul > li.pagination-icon:last-child > a { padding-left: 11px; }
 .pagination-centered { text-align: center; }
 .pagination-right { text-align: right; }
 .pagination-left { text-align: left; }
\ No newline at end of file