@itcase/ui 1.8.159 → 1.8.160

package/dist/css/components/Grid/css/__item/grid__item_align-self.css

@@ -1,9 +1,58 @@
 .grid {
   &__item {
-    @each $val in auto, normal, stretch, center, start, end, space-around, space-between, space-evenly, safe center, unsafe center, self-start, self-end, first, baseline, first, baseline, last baseline {
-      &_align-self_$(val) {
-        align-self: $(val);
+      &_align-self_auto {
+        align-self: auto;
+      }
+      &_align-self_normal {
+        align-self: normal;
+      }
+      &_align-self_stretch {
+        align-self: stretch;
+      }
+      &_align-self_center {
+        align-self: center;
+      }
+      &_align-self_start {
+        align-self: start;
+      }
+      &_align-self_end {
+        align-self: end;
+      }
+      &_align-self_space-around {
+        align-self: space-around;
+      }
+      &_align-self_space-between {
+        align-self: space-between;
+      }
+      &_align-self_space-evenly {
+        align-self: space-evenly;
+      }
+      &_align-self_safe center {
+        align-self: safe center;
+      }
+      &_align-self_unsafe center {
+        align-self: unsafe center;
+      }
+      &_align-self_self-start {
+        align-self: self-start;
+      }
+      &_align-self_self-end {
+        align-self: self-end;
+      }
+      &_align-self_first {
+        align-self: first;
+      }
+      &_align-self_baseline {
+        align-self: baseline;
+      }
+      &_align-self_first {
+        align-self: first;
+      }
+      &_align-self_baseline {
+        align-self: baseline;
+      }
+      &_align-self_last baseline {
+        align-self: last baseline;
       }
-    }
   }
 }

package/dist/css/components/Grid/css/__item/grid__item_column.css

@@ -1,18 +1,279 @@
 .grid {
   &__item {
-    @each $val in -1, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17,
-      18, 19, 20, 21, 22, 23, 24 {
       &_column {
-        &-start_$(val) {
-          grid-column-start: $(val);
+        &-start_-1 {
+          grid-column-start: -1;
         }
-        &-end_$(val) {
-          grid-column-end: $(val);
+        &-end_-1 {
+          grid-column-end: -1;
         }
-        &-span_$(val) {
-          grid-column-end: span $(val);
+        &-span_-1 {
+          grid-column-end: span -1;
+        }
+      }
+      &_column {
+        &-start_1 {
+          grid-column-start: 1;
+        }
+        &-end_1 {
+          grid-column-end: 1;
+        }
+        &-span_1 {
+          grid-column-end: span 1;
+        }
+      }
+      &_column {
+        &-start_2 {
+          grid-column-start: 2;
+        }
+        &-end_2 {
+          grid-column-end: 2;
+        }
+        &-span_2 {
+          grid-column-end: span 2;
+        }
+      }
+      &_column {
+        &-start_3 {
+          grid-column-start: 3;
+        }
+        &-end_3 {
+          grid-column-end: 3;
+        }
+        &-span_3 {
+          grid-column-end: span 3;
+        }
+      }
+      &_column {
+        &-start_4 {
+          grid-column-start: 4;
+        }
+        &-end_4 {
+          grid-column-end: 4;
+        }
+        &-span_4 {
+          grid-column-end: span 4;
+        }
+      }
+      &_column {
+        &-start_5 {
+          grid-column-start: 5;
+        }
+        &-end_5 {
+          grid-column-end: 5;
+        }
+        &-span_5 {
+          grid-column-end: span 5;
+        }
+      }
+      &_column {
+        &-start_6 {
+          grid-column-start: 6;
+        }
+        &-end_6 {
+          grid-column-end: 6;
+        }
+        &-span_6 {
+          grid-column-end: span 6;
+        }
+      }
+      &_column {
+        &-start_7 {
+          grid-column-start: 7;
+        }
+        &-end_7 {
+          grid-column-end: 7;
+        }
+        &-span_7 {
+          grid-column-end: span 7;
+        }
+      }
+      &_column {
+        &-start_8 {
+          grid-column-start: 8;
+        }
+        &-end_8 {
+          grid-column-end: 8;
+        }
+        &-span_8 {
+          grid-column-end: span 8;
+        }
+      }
+      &_column {
+        &-start_9 {
+          grid-column-start: 9;
+        }
+        &-end_9 {
+          grid-column-end: 9;
+        }
+        &-span_9 {
+          grid-column-end: span 9;
+        }
+      }
+      &_column {
+        &-start_10 {
+          grid-column-start: 10;
+        }
+        &-end_10 {
+          grid-column-end: 10;
+        }
+        &-span_10 {
+          grid-column-end: span 10;
+        }
+      }
+      &_column {
+        &-start_11 {
+          grid-column-start: 11;
+        }
+        &-end_11 {
+          grid-column-end: 11;
+        }
+        &-span_11 {
+          grid-column-end: span 11;
+        }
+      }
+      &_column {
+        &-start_12 {
+          grid-column-start: 12;
+        }
+        &-end_12 {
+          grid-column-end: 12;
+        }
+        &-span_12 {
+          grid-column-end: span 12;
+        }
+      }
+      &_column {
+        &-start_13 {
+          grid-column-start: 13;
+        }
+        &-end_13 {
+          grid-column-end: 13;
+        }
+        &-span_13 {
+          grid-column-end: span 13;
+        }
+      }
+      &_column {
+        &-start_14 {
+          grid-column-start: 14;
+        }
+        &-end_14 {
+          grid-column-end: 14;
+        }
+        &-span_14 {
+          grid-column-end: span 14;
+        }
+      }
+      &_column {
+        &-start_15 {
+          grid-column-start: 15;
+        }
+        &-end_15 {
+          grid-column-end: 15;
+        }
+        &-span_15 {
+          grid-column-end: span 15;
+        }
+      }
+      &_column {
+        &-start_16 {
+          grid-column-start: 16;
+        }
+        &-end_16 {
+          grid-column-end: 16;
+        }
+        &-span_16 {
+          grid-column-end: span 16;
+        }
+      }
+      &_column {
+        &-start_17 {
+          grid-column-start: 17;
+        }
+        &-end_17 {
+          grid-column-end: 17;
+        }
+        &-span_17 {
+          grid-column-end: span 17;
+        }
+      }
+      &_column {
+        &-start_18 {
+          grid-column-start: 18;
+        }
+        &-end_18 {
+          grid-column-end: 18;
+        }
+        &-span_18 {
+          grid-column-end: span 18;
+        }
+      }
+      &_column {
+        &-start_19 {
+          grid-column-start: 19;
+        }
+        &-end_19 {
+          grid-column-end: 19;
+        }
+        &-span_19 {
+          grid-column-end: span 19;
+        }
+      }
+      &_column {
+        &-start_20 {
+          grid-column-start: 20;
+        }
+        &-end_20 {
+          grid-column-end: 20;
+        }
+        &-span_20 {
+          grid-column-end: span 20;
+        }
+      }
+      &_column {
+        &-start_21 {
+          grid-column-start: 21;
+        }
+        &-end_21 {
+          grid-column-end: 21;
+        }
+        &-span_21 {
+          grid-column-end: span 21;
+        }
+      }
+      &_column {
+        &-start_22 {
+          grid-column-start: 22;
+        }
+        &-end_22 {
+          grid-column-end: 22;
+        }
+        &-span_22 {
+          grid-column-end: span 22;
+        }
+      }
+      &_column {
+        &-start_23 {
+          grid-column-start: 23;
+        }
+        &-end_23 {
+          grid-column-end: 23;
+        }
+        &-span_23 {
+          grid-column-end: span 23;
+        }
+      }
+      &_column {
+        &-start_24 {
+          grid-column-start: 24;
+        }
+        &-end_24 {
+          grid-column-end: 24;
+        }
+        &-span_24 {
+          grid-column-end: span 24;
         }
       }
-    }
   }
 }

package/dist/css/components/Grid/css/__item/grid__item_justify-self.css

@@ -1,12 +1,70 @@
 .grid {
   &__item {
-    @each $val in auto, legacy, normal, stretch, center, start, end, left,
-      right, space-around, space-between, space-evenly, safe, center,
-      unsafe center, self-start, self-end, left, right, baseline,
-      first baseline, last baseline {
-      &_justify-self_$(val) {
-        justify-self: $(val);
-      }
-    }
+      &_justify-self_auto {
+        justify-self: auto;
+      }
+      &_justify-self_legacy {
+        justify-self: legacy;
+      }
+      &_justify-self_normal {
+        justify-self: normal;
+      }
+      &_justify-self_stretch {
+        justify-self: stretch;
+      }
+      &_justify-self_center {
+        justify-self: center;
+      }
+      &_justify-self_start {
+        justify-self: start;
+      }
+      &_justify-self_end {
+        justify-self: end;
+      }
+      &_justify-self_left {
+        justify-self: left;
+      }
+      &_justify-self_right {
+        justify-self: right;
+      }
+      &_justify-self_space-around {
+        justify-self: space-around;
+      }
+      &_justify-self_space-between {
+        justify-self: space-between;
+      }
+      &_justify-self_space-evenly {
+        justify-self: space-evenly;
+      }
+      &_justify-self_safe {
+        justify-self: safe;
+      }
+      &_justify-self_center {
+        justify-self: center;
+      }
+      &_justify-self_unsafe center {
+        justify-self: unsafe center;
+      }
+      &_justify-self_self-start {
+        justify-self: self-start;
+      }
+      &_justify-self_self-end {
+        justify-self: self-end;
+      }
+      &_justify-self_left {
+        justify-self: left;
+      }
+      &_justify-self_right {
+        justify-self: right;
+      }
+      &_justify-self_baseline {
+        justify-self: baseline;
+      }
+      &_justify-self_first baseline {
+        justify-self: first baseline;
+      }
+      &_justify-self_last baseline {
+        justify-self: last baseline;
+      }
   }
 }

package/dist/css/components/Grid/css/__item/grid__item_row.css

@@ -1,18 +1,279 @@
 .grid {
   &__item {
-    @each $val in -1, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17,
-      18, 19, 20, 21, 22, 23, 24 {
       &_row {
-        &-start_$(val) {
-          grid-row-start: $(val);
+        &-start_-1 {
+          grid-row-start: -1;
         }
-        &-end_$(val) {
-          grid-row-end: $(val);
+        &-end_-1 {
+          grid-row-end: -1;
         }
-        &-span_$(val) {
-          grid-row-end: span $(val);
+        &-span_-1 {
+          grid-row-end: span -1;
+        }
+      }
+      &_row {
+        &-start_1 {
+          grid-row-start: 1;
+        }
+        &-end_1 {
+          grid-row-end: 1;
+        }
+        &-span_1 {
+          grid-row-end: span 1;
+        }
+      }
+      &_row {
+        &-start_2 {
+          grid-row-start: 2;
+        }
+        &-end_2 {
+          grid-row-end: 2;
+        }
+        &-span_2 {
+          grid-row-end: span 2;
+        }
+      }
+      &_row {
+        &-start_3 {
+          grid-row-start: 3;
+        }
+        &-end_3 {
+          grid-row-end: 3;
+        }
+        &-span_3 {
+          grid-row-end: span 3;
+        }
+      }
+      &_row {
+        &-start_4 {
+          grid-row-start: 4;
+        }
+        &-end_4 {
+          grid-row-end: 4;
+        }
+        &-span_4 {
+          grid-row-end: span 4;
+        }
+      }
+      &_row {
+        &-start_5 {
+          grid-row-start: 5;
+        }
+        &-end_5 {
+          grid-row-end: 5;
+        }
+        &-span_5 {
+          grid-row-end: span 5;
+        }
+      }
+      &_row {
+        &-start_6 {
+          grid-row-start: 6;
+        }
+        &-end_6 {
+          grid-row-end: 6;
+        }
+        &-span_6 {
+          grid-row-end: span 6;
+        }
+      }
+      &_row {
+        &-start_7 {
+          grid-row-start: 7;
+        }
+        &-end_7 {
+          grid-row-end: 7;
+        }
+        &-span_7 {
+          grid-row-end: span 7;
+        }
+      }
+      &_row {
+        &-start_8 {
+          grid-row-start: 8;
+        }
+        &-end_8 {
+          grid-row-end: 8;
+        }
+        &-span_8 {
+          grid-row-end: span 8;
+        }
+      }
+      &_row {
+        &-start_9 {
+          grid-row-start: 9;
+        }
+        &-end_9 {
+          grid-row-end: 9;
+        }
+        &-span_9 {
+          grid-row-end: span 9;
+        }
+      }
+      &_row {
+        &-start_10 {
+          grid-row-start: 10;
+        }
+        &-end_10 {
+          grid-row-end: 10;
+        }
+        &-span_10 {
+          grid-row-end: span 10;
+        }
+      }
+      &_row {
+        &-start_11 {
+          grid-row-start: 11;
+        }
+        &-end_11 {
+          grid-row-end: 11;
+        }
+        &-span_11 {
+          grid-row-end: span 11;
+        }
+      }
+      &_row {
+        &-start_12 {
+          grid-row-start: 12;
+        }
+        &-end_12 {
+          grid-row-end: 12;
+        }
+        &-span_12 {
+          grid-row-end: span 12;
+        }
+      }
+      &_row {
+        &-start_13 {
+          grid-row-start: 13;
+        }
+        &-end_13 {
+          grid-row-end: 13;
+        }
+        &-span_13 {
+          grid-row-end: span 13;
+        }
+      }
+      &_row {
+        &-start_14 {
+          grid-row-start: 14;
+        }
+        &-end_14 {
+          grid-row-end: 14;
+        }
+        &-span_14 {
+          grid-row-end: span 14;
+        }
+      }
+      &_row {
+        &-start_15 {
+          grid-row-start: 15;
+        }
+        &-end_15 {
+          grid-row-end: 15;
+        }
+        &-span_15 {
+          grid-row-end: span 15;
+        }
+      }
+      &_row {
+        &-start_16 {
+          grid-row-start: 16;
+        }
+        &-end_16 {
+          grid-row-end: 16;
+        }
+        &-span_16 {
+          grid-row-end: span 16;
+        }
+      }
+      &_row {
+        &-start_17 {
+          grid-row-start: 17;
+        }
+        &-end_17 {
+          grid-row-end: 17;
+        }
+        &-span_17 {
+          grid-row-end: span 17;
+        }
+      }
+      &_row {
+        &-start_18 {
+          grid-row-start: 18;
+        }
+        &-end_18 {
+          grid-row-end: 18;
+        }
+        &-span_18 {
+          grid-row-end: span 18;
+        }
+      }
+      &_row {
+        &-start_19 {
+          grid-row-start: 19;
+        }
+        &-end_19 {
+          grid-row-end: 19;
+        }
+        &-span_19 {
+          grid-row-end: span 19;
+        }
+      }
+      &_row {
+        &-start_20 {
+          grid-row-start: 20;
+        }
+        &-end_20 {
+          grid-row-end: 20;
+        }
+        &-span_20 {
+          grid-row-end: span 20;
+        }
+      }
+      &_row {
+        &-start_21 {
+          grid-row-start: 21;
+        }
+        &-end_21 {
+          grid-row-end: 21;
+        }
+        &-span_21 {
+          grid-row-end: span 21;
+        }
+      }
+      &_row {
+        &-start_22 {
+          grid-row-start: 22;
+        }
+        &-end_22 {
+          grid-row-end: 22;
+        }
+        &-span_22 {
+          grid-row-end: span 22;
+        }
+      }
+      &_row {
+        &-start_23 {
+          grid-row-start: 23;
+        }
+        &-end_23 {
+          grid-row-end: 23;
+        }
+        &-span_23 {
+          grid-row-end: span 23;
+        }
+      }
+      &_row {
+        &-start_24 {
+          grid-row-start: 24;
+        }
+        &-end_24 {
+          grid-row-end: 24;
+        }
+        &-span_24 {
+          grid-row-end: span 24;
         }
       }
-    }
   }
 }