@itcase/ui 1.8.158 → 1.8.160

package/dist/css/components/Pagination/Pagination.css

@@ -31,23 +31,69 @@
   }
 }
 .pagination {
-  @each $size in xxl, xl, l, m, s, xs, xxs {
-    &_size_$(size) {
+    &_size_xxl {
       ^&__input {
-        padding: var(--pagination-input-size-$(size)-padding);
-        gap: var(--pagination-input-size-$(size)-gap);
+        padding: var(--pagination-input-size-xxl-padding);
+        gap: var(--pagination-input-size-xxl-gap);
+      }
+    }
+    &_size_xl {
+      ^&__input {
+        padding: var(--pagination-input-size-xl-padding);
+        gap: var(--pagination-input-size-xl-gap);
+      }
+    }
+    &_size_l {
+      ^&__input {
+        padding: var(--pagination-input-size-l-padding);
+        gap: var(--pagination-input-size-l-gap);
+      }
+    }
+    &_size_m {
+      ^&__input {
+        padding: var(--pagination-input-size-m-padding);
+        gap: var(--pagination-input-size-m-gap);
+      }
+    }
+    &_size_s {
+      ^&__input {
+        padding: var(--pagination-input-size-s-padding);
+        gap: var(--pagination-input-size-s-gap);
+      }
+    }
+    &_size_xs {
+      ^&__input {
+        padding: var(--pagination-input-size-xs-padding);
+        gap: var(--pagination-input-size-xs-gap);
+      }
+    }
+    &_size_xxs {
+      ^&__input {
+        padding: var(--pagination-input-size-xxs-padding);
+        gap: var(--pagination-input-size-xxs-gap);
       }
     }
-  }
 }
 .pagination {
   &__container {
-    @each $val in flex-start, flex-end, center, space-between, space-around,
-      space-evenly {
-      &_justify-content_$(val) {
-        justify-content: $(val);
+      &_justify-content_flex-start {
+        justify-content: flex-start;
+      }
+      &_justify-content_flex-end {
+        justify-content: flex-end;
+      }
+      &_justify-content_center {
+        justify-content: center;
+      }
+      &_justify-content_space-between {
+        justify-content: space-between;
+      }
+      &_justify-content_space-around {
+        justify-content: space-around;
+      }
+      &_justify-content_space-evenly {
+        justify-content: space-evenly;
       }
-    }
   }
 }
 .pagination {
@@ -101,11 +147,18 @@
         align-items: center;
 
         &_size {
-          @each $size in xs, s, m, l {
-            &_$(size) {
-              @mixin text-$(size);
+            &_xs {
+              @mixin text-xs;
+            }
+            &_s {
+              @mixin text-s;
+            }
+            &_m {
+              @mixin text-m;
+            }
+            &_l {
+              @mixin text-l;
             }
-          }
         }
       }
     }
@@ -148,12 +201,22 @@
   }
 }
 .pagination__item {
-  @each $size in l, m, s, xs {
-    &_size_$(size) {
-      width: var(--paginator-item-$(size)-width) !important;
-      height: var(--paginator-item-$(size)-height) !important;
+    &_size_l {
+      width: var(--paginator-item-l-width) !important;
+      height: var(--paginator-item-l-height) !important;
+    }
+    &_size_m {
+      width: var(--paginator-item-m-width) !important;
+      height: var(--paginator-item-m-height) !important;
+    }
+    &_size_s {
+      width: var(--paginator-item-s-width) !important;
+      height: var(--paginator-item-s-height) !important;
+    }
+    &_size_xs {
+      width: var(--paginator-item-xs-width) !important;
+      height: var(--paginator-item-xs-height) !important;
     }
-  }
 }
 :root {
   --paginator-margin: 0;

package/dist/css/components/Pagination/css/__item/pagination__item.css

@@ -25,11 +25,18 @@
         align-items: center;
 
         &_size {
-          @each $size in xs, s, m, l {
-            &_$(size) {
-              @mixin text-$(size);
+            &_xs {
+              @mixin text-xs;
+            }
+            &_s {
+              @mixin text-s;
+            }
+            &_m {
+              @mixin text-m;
+            }
+            &_l {
+              @mixin text-l;
             }
-          }
         }
       }
     }

package/dist/css/components/Pagination/css/__item/pagination__item_size.css

@@ -1,8 +1,18 @@
 .pagination__item {
-  @each $size in l, m, s, xs {
-    &_size_$(size) {
-      width: var(--paginator-item-$(size)-width) !important;
-      height: var(--paginator-item-$(size)-height) !important;
+    &_size_l {
+      width: var(--paginator-item-l-width) !important;
+      height: var(--paginator-item-l-height) !important;
+    }
+    &_size_m {
+      width: var(--paginator-item-m-width) !important;
+      height: var(--paginator-item-m-height) !important;
+    }
+    &_size_s {
+      width: var(--paginator-item-s-width) !important;
+      height: var(--paginator-item-s-height) !important;
+    }
+    &_size_xs {
+      width: var(--paginator-item-xs-width) !important;
+      height: var(--paginator-item-xs-height) !important;
     }
-  }
 }