@itcase/ui 1.8.178 → 1.9.0

package/dist/css/styles/align/align_horizontal.css

@@ -1,252 +0,0 @@
-%align-horizontal {
-  display: flex;
-  flex-direction: row;
-}
-
-.align,
-  div.align {
-    &_horizontal {
-      &_top {
-        align-items: flex-start;
-        @extend %align-horizontal;
-        &-left {
-          align-items: flex-start;
-          @extend %align-horizontal;
-        }
-        &-center {
-          text-align: center;
-          justify-content: center;
-          align-items: flex-start;
-          @extend %align-horizontal;
-        }
-        &-right {
-          text-align: right;
-          justify-content: flex-end;
-          align-items: flex-start;
-          @extend %align-horizontal;
-        }
-      }
-      &_bottom {
-        align-items: flex-end;
-        @extend %align-horizontal;
-        &-left {
-          align-items: flex-end;
-          @extend %align-horizontal;
-        }
-        &-center {
-          text-align: center;
-          justify-content: center;
-          align-items: flex-end;
-          @extend %align-horizontal;
-        }
-        &-right {
-          text-align: right;
-          justify-content: flex-end;
-          align-items: flex-end;
-          @extend %align-horizontal;
-        }
-      }
-      &-left {
-        align-items: center;
-        @extend %align-horizontal;
-      }
-      &-center {
-        text-align: center;
-        justify-content: center;
-        align-items: center;
-        @extend %align-horizontal;
-      }
-      &-right {
-        text-align: right;
-        justify-content: flex-end;
-        align-items: center;
-        @extend %align-horizontal;
-      }
-    }
-  }
-
-.align,
-  button.align {
-    &_horizontal {
-      &_top {
-        align-items: flex-start;
-        @extend %align-horizontal;
-        &-left {
-          align-items: flex-start;
-          @extend %align-horizontal;
-        }
-        &-center {
-          text-align: center;
-          justify-content: center;
-          align-items: flex-start;
-          @extend %align-horizontal;
-        }
-        &-right {
-          text-align: right;
-          justify-content: flex-end;
-          align-items: flex-start;
-          @extend %align-horizontal;
-        }
-      }
-      &_bottom {
-        align-items: flex-end;
-        @extend %align-horizontal;
-        &-left {
-          align-items: flex-end;
-          @extend %align-horizontal;
-        }
-        &-center {
-          text-align: center;
-          justify-content: center;
-          align-items: flex-end;
-          @extend %align-horizontal;
-        }
-        &-right {
-          text-align: right;
-          justify-content: flex-end;
-          align-items: flex-end;
-          @extend %align-horizontal;
-        }
-      }
-      &-left {
-        align-items: center;
-        @extend %align-horizontal;
-      }
-      &-center {
-        text-align: center;
-        justify-content: center;
-        align-items: center;
-        @extend %align-horizontal;
-      }
-      &-right {
-        text-align: right;
-        justify-content: flex-end;
-        align-items: center;
-        @extend %align-horizontal;
-      }
-    }
-  }
-
-.align,
-  input.align {
-    &_horizontal {
-      &_top {
-        align-items: flex-start;
-        @extend %align-horizontal;
-        &-left {
-          align-items: flex-start;
-          @extend %align-horizontal;
-        }
-        &-center {
-          text-align: center;
-          justify-content: center;
-          align-items: flex-start;
-          @extend %align-horizontal;
-        }
-        &-right {
-          text-align: right;
-          justify-content: flex-end;
-          align-items: flex-start;
-          @extend %align-horizontal;
-        }
-      }
-      &_bottom {
-        align-items: flex-end;
-        @extend %align-horizontal;
-        &-left {
-          align-items: flex-end;
-          @extend %align-horizontal;
-        }
-        &-center {
-          text-align: center;
-          justify-content: center;
-          align-items: flex-end;
-          @extend %align-horizontal;
-        }
-        &-right {
-          text-align: right;
-          justify-content: flex-end;
-          align-items: flex-end;
-          @extend %align-horizontal;
-        }
-      }
-      &-left {
-        align-items: center;
-        @extend %align-horizontal;
-      }
-      &-center {
-        text-align: center;
-        justify-content: center;
-        align-items: center;
-        @extend %align-horizontal;
-      }
-      &-right {
-        text-align: right;
-        justify-content: flex-end;
-        align-items: center;
-        @extend %align-horizontal;
-      }
-    }
-  }
-
-.align,
-  textarea.align {
-    &_horizontal {
-      &_top {
-        align-items: flex-start;
-        @extend %align-horizontal;
-        &-left {
-          align-items: flex-start;
-          @extend %align-horizontal;
-        }
-        &-center {
-          text-align: center;
-          justify-content: center;
-          align-items: flex-start;
-          @extend %align-horizontal;
-        }
-        &-right {
-          text-align: right;
-          justify-content: flex-end;
-          align-items: flex-start;
-          @extend %align-horizontal;
-        }
-      }
-      &_bottom {
-        align-items: flex-end;
-        @extend %align-horizontal;
-        &-left {
-          align-items: flex-end;
-          @extend %align-horizontal;
-        }
-        &-center {
-          text-align: center;
-          justify-content: center;
-          align-items: flex-end;
-          @extend %align-horizontal;
-        }
-        &-right {
-          text-align: right;
-          justify-content: flex-end;
-          align-items: flex-end;
-          @extend %align-horizontal;
-        }
-      }
-      &-left {
-        align-items: center;
-        @extend %align-horizontal;
-      }
-      &-center {
-        text-align: center;
-        justify-content: center;
-        align-items: center;
-        @extend %align-horizontal;
-      }
-      &-right {
-        text-align: right;
-        justify-content: flex-end;
-        align-items: center;
-        @extend %align-horizontal;
-      }
-    }
-  }

package/dist/css/styles/align/align_vertical-reverse.css

@@ -1,236 +0,0 @@
-%align-vertical-reverse {
-  display: flex;
-  flex-direction: column-reverse;
-}
-
-.align,
-  div.align {
-    &_vertical-reverse {
-      &-top {
-        &-left {
-          align-items: flex-start;
-          @extend %align-horizontal-reverse;
-        }
-        &-center {
-          text-align: center;
-          align-items: center;
-          @extend %align-horizontal-reverse;
-        }
-        &-right {
-          text-align: right;
-          align-items: flex-end;
-          @extend %align-horizontal-reverse;
-        }
-      }
-      &-left {
-        justify-content: center;
-        align-items: flex-start;
-        @extend %align-horizontal-reverse;
-      }
-      &-center {
-        text-align: center;
-        justify-content: center;
-        align-items: center;
-        @extend %align-horizontal-reverse;
-      }
-      &-right {
-        text-align: right;
-        justify-content: center;
-        align-items: flex-end;
-        @extend %align-horizontal-reverse;
-      }
-      &-bottom {
-        &-left {
-          justify-content: flex-end;
-          align-items: flex-start;
-          @extend %align-horizontal-reverse;
-        }
-        &-center {
-          text-align: center;
-          justify-content: flex-end;
-          align-items: center;
-          @extend %align-horizontal-reverse;
-        }
-        &-right {
-          text-align: right;
-          justify-content: flex-end;
-          align-items: flex-end;
-          @extend %align-horizontal-reverse;
-        }
-      }
-    }
-  }
-
-.align,
-  button.align {
-    &_vertical-reverse {
-      &-top {
-        &-left {
-          align-items: flex-start;
-          @extend %align-horizontal-reverse;
-        }
-        &-center {
-          text-align: center;
-          align-items: center;
-          @extend %align-horizontal-reverse;
-        }
-        &-right {
-          text-align: right;
-          align-items: flex-end;
-          @extend %align-horizontal-reverse;
-        }
-      }
-      &-left {
-        justify-content: center;
-        align-items: flex-start;
-        @extend %align-horizontal-reverse;
-      }
-      &-center {
-        text-align: center;
-        justify-content: center;
-        align-items: center;
-        @extend %align-horizontal-reverse;
-      }
-      &-right {
-        text-align: right;
-        justify-content: center;
-        align-items: flex-end;
-        @extend %align-horizontal-reverse;
-      }
-      &-bottom {
-        &-left {
-          justify-content: flex-end;
-          align-items: flex-start;
-          @extend %align-horizontal-reverse;
-        }
-        &-center {
-          text-align: center;
-          justify-content: flex-end;
-          align-items: center;
-          @extend %align-horizontal-reverse;
-        }
-        &-right {
-          text-align: right;
-          justify-content: flex-end;
-          align-items: flex-end;
-          @extend %align-horizontal-reverse;
-        }
-      }
-    }
-  }
-
-.align,
-  input.align {
-    &_vertical-reverse {
-      &-top {
-        &-left {
-          align-items: flex-start;
-          @extend %align-horizontal-reverse;
-        }
-        &-center {
-          text-align: center;
-          align-items: center;
-          @extend %align-horizontal-reverse;
-        }
-        &-right {
-          text-align: right;
-          align-items: flex-end;
-          @extend %align-horizontal-reverse;
-        }
-      }
-      &-left {
-        justify-content: center;
-        align-items: flex-start;
-        @extend %align-horizontal-reverse;
-      }
-      &-center {
-        text-align: center;
-        justify-content: center;
-        align-items: center;
-        @extend %align-horizontal-reverse;
-      }
-      &-right {
-        text-align: right;
-        justify-content: center;
-        align-items: flex-end;
-        @extend %align-horizontal-reverse;
-      }
-      &-bottom {
-        &-left {
-          justify-content: flex-end;
-          align-items: flex-start;
-          @extend %align-horizontal-reverse;
-        }
-        &-center {
-          text-align: center;
-          justify-content: flex-end;
-          align-items: center;
-          @extend %align-horizontal-reverse;
-        }
-        &-right {
-          text-align: right;
-          justify-content: flex-end;
-          align-items: flex-end;
-          @extend %align-horizontal-reverse;
-        }
-      }
-    }
-  }
-
-.align,
-  textarea.align {
-    &_vertical-reverse {
-      &-top {
-        &-left {
-          align-items: flex-start;
-          @extend %align-horizontal-reverse;
-        }
-        &-center {
-          text-align: center;
-          align-items: center;
-          @extend %align-horizontal-reverse;
-        }
-        &-right {
-          text-align: right;
-          align-items: flex-end;
-          @extend %align-horizontal-reverse;
-        }
-      }
-      &-left {
-        justify-content: center;
-        align-items: flex-start;
-        @extend %align-horizontal-reverse;
-      }
-      &-center {
-        text-align: center;
-        justify-content: center;
-        align-items: center;
-        @extend %align-horizontal-reverse;
-      }
-      &-right {
-        text-align: right;
-        justify-content: center;
-        align-items: flex-end;
-        @extend %align-horizontal-reverse;
-      }
-      &-bottom {
-        &-left {
-          justify-content: flex-end;
-          align-items: flex-start;
-          @extend %align-horizontal-reverse;
-        }
-        &-center {
-          text-align: center;
-          justify-content: flex-end;
-          align-items: center;
-          @extend %align-horizontal-reverse;
-        }
-        &-right {
-          text-align: right;
-          justify-content: flex-end;
-          align-items: flex-end;
-          @extend %align-horizontal-reverse;
-        }
-      }
-    }
-  }

package/dist/css/styles/align/align_vertical.css

@@ -1,236 +0,0 @@
-%align-vertical {
-  display: flex;
-  flex-direction: column;
-}
-
-.align,
-  div.align {
-    &_vertical {
-      &-top {
-        &-left {
-          align-items: flex-start;
-          @extend %align-vertical;
-        }
-        &-center {
-          text-align: center;
-          align-items: center;
-          @extend %align-vertical;
-        }
-        &-right {
-          text-align: right;
-          align-items: flex-end;
-          @extend %align-vertical;
-        }
-      }
-      &-left {
-        justify-content: center;
-        align-items: flex-start;
-        @extend %align-vertical;
-      }
-      &-center {
-        text-align: center;
-        justify-content: center;
-        align-items: center;
-        @extend %align-vertical;
-      }
-      &-right {
-        text-align: right;
-        justify-content: center;
-        align-items: flex-end;
-        @extend %align-vertical;
-      }
-      &-bottom {
-        &-left {
-          justify-content: flex-end;
-          align-items: flex-start;
-          @extend %align-vertical;
-        }
-        &-center {
-          text-align: center;
-          justify-content: flex-end;
-          align-items: center;
-          @extend %align-vertical;
-        }
-        &-right {
-          text-align: right;
-          justify-content: flex-end;
-          align-items: flex-end;
-          @extend %align-vertical;
-        }
-      }
-    }
-  }
-
-.align,
-  button.align {
-    &_vertical {
-      &-top {
-        &-left {
-          align-items: flex-start;
-          @extend %align-vertical;
-        }
-        &-center {
-          text-align: center;
-          align-items: center;
-          @extend %align-vertical;
-        }
-        &-right {
-          text-align: right;
-          align-items: flex-end;
-          @extend %align-vertical;
-        }
-      }
-      &-left {
-        justify-content: center;
-        align-items: flex-start;
-        @extend %align-vertical;
-      }
-      &-center {
-        text-align: center;
-        justify-content: center;
-        align-items: center;
-        @extend %align-vertical;
-      }
-      &-right {
-        text-align: right;
-        justify-content: center;
-        align-items: flex-end;
-        @extend %align-vertical;
-      }
-      &-bottom {
-        &-left {
-          justify-content: flex-end;
-          align-items: flex-start;
-          @extend %align-vertical;
-        }
-        &-center {
-          text-align: center;
-          justify-content: flex-end;
-          align-items: center;
-          @extend %align-vertical;
-        }
-        &-right {
-          text-align: right;
-          justify-content: flex-end;
-          align-items: flex-end;
-          @extend %align-vertical;
-        }
-      }
-    }
-  }
-
-.align,
-  input.align {
-    &_vertical {
-      &-top {
-        &-left {
-          align-items: flex-start;
-          @extend %align-vertical;
-        }
-        &-center {
-          text-align: center;
-          align-items: center;
-          @extend %align-vertical;
-        }
-        &-right {
-          text-align: right;
-          align-items: flex-end;
-          @extend %align-vertical;
-        }
-      }
-      &-left {
-        justify-content: center;
-        align-items: flex-start;
-        @extend %align-vertical;
-      }
-      &-center {
-        text-align: center;
-        justify-content: center;
-        align-items: center;
-        @extend %align-vertical;
-      }
-      &-right {
-        text-align: right;
-        justify-content: center;
-        align-items: flex-end;
-        @extend %align-vertical;
-      }
-      &-bottom {
-        &-left {
-          justify-content: flex-end;
-          align-items: flex-start;
-          @extend %align-vertical;
-        }
-        &-center {
-          text-align: center;
-          justify-content: flex-end;
-          align-items: center;
-          @extend %align-vertical;
-        }
-        &-right {
-          text-align: right;
-          justify-content: flex-end;
-          align-items: flex-end;
-          @extend %align-vertical;
-        }
-      }
-    }
-  }
-
-.align,
-  textarea.align {
-    &_vertical {
-      &-top {
-        &-left {
-          align-items: flex-start;
-          @extend %align-vertical;
-        }
-        &-center {
-          text-align: center;
-          align-items: center;
-          @extend %align-vertical;
-        }
-        &-right {
-          text-align: right;
-          align-items: flex-end;
-          @extend %align-vertical;
-        }
-      }
-      &-left {
-        justify-content: center;
-        align-items: flex-start;
-        @extend %align-vertical;
-      }
-      &-center {
-        text-align: center;
-        justify-content: center;
-        align-items: center;
-        @extend %align-vertical;
-      }
-      &-right {
-        text-align: right;
-        justify-content: center;
-        align-items: flex-end;
-        @extend %align-vertical;
-      }
-      &-bottom {
-        &-left {
-          justify-content: flex-end;
-          align-items: flex-start;
-          @extend %align-vertical;
-        }
-        &-center {
-          text-align: center;
-          justify-content: flex-end;
-          align-items: center;
-          @extend %align-vertical;
-        }
-        &-right {
-          text-align: right;
-          justify-content: flex-end;
-          align-items: flex-end;
-          @extend %align-vertical;
-        }
-      }
-    }
-  }