_pagination.scss in active_frontend-15.1.0

- old
+ new

@@ -25,15 +25,20 @@
       min-width: 8px;
       padding: 8px 12px;
       text-align: center;
     }
 
-    a { background: color(haze); }
-    a:hover,
-    a:focus { background: darkish-color(haze); }
-    a:active { background: lightish-color(haze); }
+    a {
+      background: color(haze);
 
+      @if ($pseudo-elements) {
+        &:hover,
+        &:focus { background: darkish-color(haze); }
+        &:active { background: lightish-color(haze); }
+      }
+    }
+
     &.active {
       background: color(primary);
       color: color(white);
     }
     &.pagination-icon {
@@ -60,20 +65,30 @@
   &.dark,
   &.light,
   &.white { background: color(transparent); }
   &.dark {
     li {
-      a { background: color(light-black); }
-      a:hover,
-      a:focus { background: darkish-color(light-black); }
-      a:active { background: lightish-color(light-black); }
+      a {
+        background: color(light-black);
+
+        @if ($pseudo-elements) {
+          &:hover,
+          &:focus { background: darkish-color(light-black); }
+          &:active { background: lightish-color(light-black); }
+        }
+      }
     }
   }
   &.light {
     li {
-      a { background: color(dark-haze); }
-      a:hover,
-      a:focus { background: darkish-color(dark-haze); }
-      a:active { background: lightish-color(dark-haze); }
+      a {
+        background: color(dark-haze);
+
+        @if ($pseudo-elements) {
+          &:hover,
+          &:focus { background: darkish-color(dark-haze); }
+          &:active { background: lightish-color(dark-haze); }
+        }
+      }
     }
   }
 }