🩹(react) update stylesheet to use modern SASS

Replaced deprecated '@import' with '@use' to align with best practices. Refactored stylesheet to behave as a partial, enhancing SASS compilation efficiency.
2023-10-09 20:07:37 +02:00
parent 41a0b6f636
commit 430f893645
19 changed files with 27 additions and 36 deletions
--- a/packages/react/src/components/Pagination/_index.scss
+++ b/packages/react/src/components/Pagination/_index.scss
@@ -0,0 +1,23 @@
+.c__pagination {
+    display: flex;
+    gap: 2rem;
+
+    &__list {
+        display: flex;
+        align-items: center;
+        border: 1px var(--c--theme--colors--greyscale-300) solid;
+        border-radius: 2px;
+        padding: var(--c--theme--spacings--st);
+        background: var(--c--theme--colors--greyscale-000);
+    }
+
+    &__goto {
+        display: flex;
+        align-items: center;
+        gap: 0.5rem;
+
+        .c__field--default {
+            width: 100px;
+        }
+    }
+}