chore: Move pagination styling to dedicated file (#324)

knoxville-utilities-board · Jan 2, 2025 · 11a461e · 11a461e
1 parent 64d5137
commit 11a461e
Show file tree

Hide file tree

Showing 2 changed files with 50 additions and 50 deletions.
diff --git a/packages/design-system/src/custom/_forms.scss b/packages/design-system/src/custom/_forms.scss
@@ -111,56 +111,6 @@ input::placeholder {
   opacity: 0.75;
 }
 
-.page-item:not(:first-child) {
-  .dropdown.form-control {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-    border-left-width: 0;
-  }
-
-  .input-group-text {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-
-    input {
-      border: 0;
-      min-width: 2rem;
-      max-width: 3rem;
-      appearance: textfield;
-
-      &::-webkit-outer-spin-button,
-      &::-webkit-inner-spin-button {
-        display: none;
-      }
-    }
-  }
-}
-
-.page-item:not(:last-child) {
-  .dropdown.form-control {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-    border-right-width: 0;
-  }
-
-  .input-group-text {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-
-    input {
-      border: 0;
-      min-width: 2rem;
-      max-width: 3rem;
-      appearance: textfield;
-
-      &::-webkit-outer-spin-button,
-      &::-webkit-inner-spin-button {
-        display: none;
-      }
-    }
-  }
-}
-
 /* Datetime calendar */
 .calendar {
   @extend .text-center;

diff --git a/packages/design-system/src/custom/_pagination.scss b/packages/design-system/src/custom/_pagination.scss
@@ -4,3 +4,53 @@
   -webkit-user-select: none;
   user-select: none;
 }
+
+.page-item:not(:first-child) {
+  .dropdown.form-control {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+    border-left-width: 0;
+  }
+
+  .input-group-text {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+
+    input {
+      border: 0;
+      min-width: 2rem;
+      max-width: 3rem;
+      appearance: textfield;
+
+      &::-webkit-outer-spin-button,
+      &::-webkit-inner-spin-button {
+        display: none;
+      }
+    }
+  }
+}
+
+.page-item:not(:last-child) {
+  .dropdown.form-control {
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+    border-right-width: 0;
+  }
+
+  .input-group-text {
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+
+    input {
+      border: 0;
+      min-width: 2rem;
+      max-width: 3rem;
+      appearance: textfield;
+
+      &::-webkit-outer-spin-button,
+      &::-webkit-inner-spin-button {
+        display: none;
+      }
+    }
+  }
+}