_pagination.scss in active_frontend-13.0.0

- old
+ new

@@ -9,39 +9,43 @@
 .pagination { color: $color-dark-black; }
 .pagination > ul {
   display: inline-block;
   margin: 0;
   padding: 0;
+  vertical-align: middle;
 }
 .pagination > ul > li {
   display: inline-block;
   font-size: 14px;
   font-weight: normal;
-  line-height: 14px;
+  line-height: 1;
   margin-right: 2px;
+  vertical-align: middle;
 }
 .pagination > ul > li > a,
 .pagination > ul > li.active {
   background: $color-white;
   border-radius: 500px;
   display: inline-block;
   min-width: 8px;
   text-align: center;
   text-decoration: none;
+  vertical-align: middle;
 }
 .pagination > ul > li > a,
 .pagination > ul > li.active { padding: 10px 12px 8px 12px; }
 .pagination > ul > li > a:active,
 .pagination > ul > li.active {
   background: $color-primary;
   color: $color-white;
 }
 .pagination > ul > li > a:hover,
 .pagination > ul > li > a:focus { background: $color-light-haze; }
-.pagination > ul > li.pagination-icon > a { padding: 9px 10px 7px 10px; }
-.pagination > ul > li.pagination-icon:first-child > a { padding-right: 13px; }
-.pagination > ul > li.pagination-icon:last-child > a { padding-left: 13px; }
+.pagination > ul > li.pagination-icon > a {
+  font-size: 18px;
+  padding: 7px;
+}
 
 /* # Alignments
 ================================================== */
 .pagination-center { text-align: center; }
 .pagination-right { text-align: right; }
@@ -62,6 +66,6 @@
 .pagination-dark > ul > li.active,
 .pagination-light > ul > li > a:active,
 .pagination-light > ul > li.active {
   background: $color-primary;
   color: $color-white;
-}
\ No newline at end of file
+}