amis-rev-ui 6.13.0

package/scss/helper/sizing/_height.scss

@@ -0,0 +1,161 @@
+/*!markdown
+
+---
+title: Height
+---
+
+| Class       | Properties               |
+| ----------- | ------------------------ |
+| h-px | height: 0.0625rem |
+| h-0 | height: 0 |
+| h-none | height: 0 |
+| h-0\.5 | height: 0.125rem |
+| h-1 | height: 0.25rem |
+| h-1\.5 | height: 0.375rem |
+| h-2 | height: 0.5rem |
+| h-2\.5 | height: 0.625rem |
+| h-3 | height: 0.75rem |
+| h-3\.5 | height: 0.875rem |
+| h-4 | height: 1rem |
+| h-5 | height: 1.25rem |
+| h-6 | height: 1.5rem |
+| h-7 | height: 1.75rem |
+| h-8 | height: 2rem |
+| h-9 | height: 2.25rem |
+| h-10 | height: 2.5rem |
+| h-11 | height: 2.75rem |
+| h-12 | height: 3rem |
+| h-14 | height: 3.5rem |
+| h-16 | height: 4rem |
+| h-18 | height: 4.5rem |
+| h-20 | height: 5rem |
+| h-24 | height: 6rem |
+| h-28 | height: 7rem |
+| h-32 | height: 8rem |
+| h-36 | height: 9rem |
+| h-40 | height: 10rem |
+| h-44 | height: 11rem |
+| h-48 | height: 12rem |
+| h-52 | height: 13rem |
+| h-56 | height: 14rem |
+| h-60 | height: 15rem |
+| h-64 | height: 16rem |
+| h-72 | height: 18rem |
+| h-80 | height: 20rem |
+| h-96 | height: 24rem |
+| h-auto | height: auto |
+| h-1\/2 | height: 50% |
+| h-1\/3 | height: 33.333333% |
+| h-2\/3 | height: 66.666667% |
+| h-1\/4 | height: 25% |
+| h-2\/4 | height: 50% |
+| h-3\/4 | height: 75% |
+| h-1\/5 | height: 20% |
+| h-2\/5 | height: 40% |
+| h-3\/5 | height: 60% |
+| h-4\/5 | height: 80% |
+| h-1\/6 | height: 16.666667% |
+| h-2\/6 | height: 33.333333% |
+| h-3\/6 | height: 50% |
+| h-4\/6 | height: 66.666667% |
+| h-5\/6 | height: 83.333333% |
+| h-full | height: 100% |
+| h-screen | height: 100vh |
+| min-h-0 | min-height: 0px |
+| min-h-full | min-height: 100% |
+| min-h-screen | min-height: 100vh |
+| max-h-px | max-height: 0.0625rem |
+| max-h-0 | max-height: 0 |
+| max-h-none | max-height: 0 |
+| max-h-0\.5 | max-height: 0.125rem |
+| max-h-1 | max-height: 0.25rem |
+| max-h-1\.5 | max-height: 0.375rem |
+| max-h-2 | max-height: 0.5rem |
+| max-h-2\.5 | max-height: 0.625rem |
+| max-h-3 | max-height: 0.75rem |
+| max-h-3\.5 | max-height: 0.875rem |
+| max-h-4 | max-height: 1rem |
+| max-h-5 | max-height: 1.25rem |
+| max-h-6 | max-height: 1.5rem |
+| max-h-7 | max-height: 1.75rem |
+| max-h-8 | max-height: 2rem |
+| max-h-9 | max-height: 2.25rem |
+| max-h-10 | max-height: 2.5rem |
+| max-h-11 | max-height: 2.75rem |
+| max-h-12 | max-height: 3rem |
+| max-h-14 | max-height: 3.5rem |
+| max-h-16 | max-height: 4rem |
+| max-h-18 | max-height: 4.5rem |
+| max-h-20 | max-height: 5rem |
+| max-h-24 | max-height: 6rem |
+| max-h-28 | max-height: 7rem |
+| max-h-32 | max-height: 8rem |
+| max-h-36 | max-height: 9rem |
+| max-h-40 | max-height: 10rem |
+| max-h-44 | max-height: 11rem |
+| max-h-48 | max-height: 12rem |
+| max-h-52 | max-height: 13rem |
+| max-h-56 | max-height: 14rem |
+| max-h-60 | max-height: 15rem |
+| max-h-64 | max-height: 16rem |
+| max-h-72 | max-height: 18rem |
+| max-h-80 | max-height: 20rem |
+| max-h-96 | max-height: 24rem |
+| max-h-full | max-height: 100% |
+| max-h-screen | max-height: 100vh |
+
+
+*/
+
+@mixin height-sizing($map: $heights, $prefix: '.') {
+  @each $name, $value in $map {
+    @if $name == default {
+      #{$prefix}h {
+        height: $value;
+      }
+    } @else {
+      #{$prefix}h-#{'' + selector-escape($name)} {
+        height: $value;
+      }
+    }
+  }
+}
+
+@mixin max-height-sizing($map: $maxHeights, $prefix: '.') {
+  @each $name, $value in $map {
+    @if $name == default {
+      #{$prefix}max-h {
+        max-height: $value;
+      }
+    } @else {
+      #{$prefix}max-h-#{'' + selector-escape($name)} {
+        max-height: $value;
+      }
+    }
+  }
+}
+
+@mixin make-heights($prefix: '.') {
+  @include height-sizing($heights, $prefix);
+
+  #{$prefix}min-h-0 {
+    min-height: 0px;
+  }
+
+  #{$prefix}min-h-full {
+    min-height: 100%;
+  }
+
+  #{$prefix}min-h-screen {
+    min-height: 100vh;
+  }
+
+  @include max-height-sizing($maxHeights, $prefix);
+}
+
+@include make-heights();
+@each $deivce in map-keys($devices) {
+  @include media-device($deivce) {
+    @include make-heights('.' + selector-escape($deivce + ':'));
+  }
+}

package/scss/helper/sizing/_width.md

@@ -0,0 +1,109 @@
+---
+title: Width
+---
+
+| Class       | Properties             |
+| ----------- | ---------------------- |
+| w-px        | width: 0.0625rem       |
+| w-0         | width: 0               |
+| w-none      | width: 0               |
+| w-0\.5      | width: 0.125rem        |
+| w-1         | width: 0.25rem         |
+| w-1\.5      | width: 0.375rem        |
+| w-2         | width: 0.5rem          |
+| w-2\.5      | width: 0.625rem        |
+| w-3         | width: 0.75rem         |
+| w-3\.5      | width: 0.875rem        |
+| w-4         | width: 1rem            |
+| w-5         | width: 1.25rem         |
+| w-6         | width: 1.5rem          |
+| w-7         | width: 1.75rem         |
+| w-8         | width: 2rem            |
+| w-9         | width: 2.25rem         |
+| w-10        | width: 2.5rem          |
+| w-11        | width: 2.75rem         |
+| w-12        | width: 3rem            |
+| w-14        | width: 3.5rem          |
+| w-16        | width: 4rem            |
+| w-18        | width: 4.5rem          |
+| w-20        | width: 5rem            |
+| w-24        | width: 6rem            |
+| w-28        | width: 7rem            |
+| w-32        | width: 8rem            |
+| w-36        | width: 9rem            |
+| w-40        | width: 10rem           |
+| w-44        | width: 11rem           |
+| w-48        | width: 12rem           |
+| w-52        | width: 13rem           |
+| w-56        | width: 14rem           |
+| w-60        | width: 15rem           |
+| w-64        | width: 16rem           |
+| w-72        | width: 18rem           |
+| w-80        | width: 20rem           |
+| w-96        | width: 24rem           |
+| w-auto      | width: auto            |
+| w-1x        | width: 1em             |
+| w-2x        | width: 2em             |
+| w-3x        | width: 3em             |
+| w-1\/2      | width: 50%             |
+| w-1\/3      | width: 33.333333%      |
+| w-2\/3      | width: 66.666667%      |
+| w-1\/4      | width: 25%             |
+| w-2\/4      | width: 50%             |
+| w-3\/4      | width: 75%             |
+| w-1\/5      | width: 20%             |
+| w-2\/5      | width: 40%             |
+| w-3\/5      | width: 60%             |
+| w-4\/5      | width: 80%             |
+| w-1\/6      | width: 16.666667%      |
+| w-2\/6      | width: 33.333333%      |
+| w-3\/6      | width: 50%             |
+| w-4\/6      | width: 66.666667%      |
+| w-5\/6      | width: 83.333333%      |
+| w-1\/12     | width: 8.333333%       |
+| w-2\/12     | width: 16.666667%      |
+| w-3\/12     | width: 25%             |
+| w-4\/12     | width: 33.333333%      |
+| w-5\/12     | width: 41.666667%      |
+| w-6\/12     | width: 50%             |
+| w-7\/12     | width: 58.333333%      |
+| w-8\/12     | width: 66.666667%      |
+| w-9\/12     | width: 75%             |
+| w-10\/12    | width: 83.333333%      |
+| w-11\/12    | width: 91.666667%      |
+| w-full      | width: 100%            |
+| w-screen    | width: 100vw           |
+| min-w-none  | min-width: none        |
+| min-w-0     | min-width: 0rem        |
+| min-w-xs    | min-width: 20rem       |
+| min-w-sm    | min-width: 24rem       |
+| min-w-md    | min-width: 28rem       |
+| min-w-lg    | min-width: 32rem       |
+| min-w-xl    | min-width: 36rem       |
+| min-w-2xl   | min-width: 42rem       |
+| min-w-3xl   | min-width: 48rem       |
+| min-w-4xl   | min-width: 56rem       |
+| min-w-5xl   | min-width: 64rem       |
+| min-w-6xl   | min-width: 72rem       |
+| min-w-7xl   | min-width: 80rem       |
+| min-w-full  | min-width: 100%        |
+| min-w-min   | min-width: min-content |
+| min-w-max   | min-width: max-content |
+| min-w-prose | min-width: 65ch        |
+| max-w-none  | max-width: none        |
+| max-w-0     | max-width: 0rem        |
+| max-w-xs    | max-width: 20rem       |
+| max-w-sm    | max-width: 24rem       |
+| max-w-md    | max-width: 28rem       |
+| max-w-lg    | max-width: 32rem       |
+| max-w-xl    | max-width: 36rem       |
+| max-w-2xl   | max-width: 42rem       |
+| max-w-3xl   | max-width: 48rem       |
+| max-w-4xl   | max-width: 56rem       |
+| max-w-5xl   | max-width: 64rem       |
+| max-w-6xl   | max-width: 72rem       |
+| max-w-7xl   | max-width: 80rem       |
+| max-w-full  | max-width: 100%        |
+| max-w-min   | max-width: min-content |
+| max-w-max   | max-width: max-content |
+| max-w-prose | max-width: 65ch        |

package/scss/helper/sizing/_width.scss

@@ -0,0 +1,174 @@
+@mixin width-sizing($map: $widths, $prefix: '.') {
+  @each $name, $value in $map {
+    @if $name == default {
+      #{$prefix}w {
+        width: $value;
+      }
+    } @else {
+      #{$prefix}w-#{'' + selector-escape($name)} {
+        width: $value;
+      }
+    }
+  }
+}
+
+/*!markdown
+
+---
+title: Width
+---
+
+| Class       | Properties               |
+| ----------- | ------------------------ |
+| w-px | width: 0.0625rem |
+| w-0 | width: 0 |
+| w-none | width: 0 |
+| w-0\.5 | width: 0.125rem |
+| w-1 | width: 0.25rem |
+| w-1\.5 | width: 0.375rem |
+| w-2 | width: 0.5rem |
+| w-2\.5 | width: 0.625rem |
+| w-3 | width: 0.75rem |
+| w-3\.5 | width: 0.875rem |
+| w-4 | width: 1rem |
+| w-5 | width: 1.25rem |
+| w-6 | width: 1.5rem |
+| w-7 | width: 1.75rem |
+| w-8 | width: 2rem |
+| w-9 | width: 2.25rem |
+| w-10 | width: 2.5rem |
+| w-11 | width: 2.75rem |
+| w-12 | width: 3rem |
+| w-14 | width: 3.5rem |
+| w-16 | width: 4rem |
+| w-18 | width: 4.5rem |
+| w-20 | width: 5rem |
+| w-24 | width: 6rem |
+| w-28 | width: 7rem |
+| w-32 | width: 8rem |
+| w-36 | width: 9rem |
+| w-40 | width: 10rem |
+| w-44 | width: 11rem |
+| w-48 | width: 12rem |
+| w-52 | width: 13rem |
+| w-56 | width: 14rem |
+| w-60 | width: 15rem |
+| w-64 | width: 16rem |
+| w-72 | width: 18rem |
+| w-80 | width: 20rem |
+| w-96 | width: 24rem |
+| w-auto | width: auto |
+| w-1x | width: 1em |
+| w-2x | width: 2em |
+| w-3x | width: 3em |
+| w-1\/2 | width: 50% |
+| w-1\/3 | width: 33.333333% |
+| w-2\/3 | width: 66.666667% |
+| w-1\/4 | width: 25% |
+| w-2\/4 | width: 50% |
+| w-3\/4 | width: 75% |
+| w-1\/5 | width: 20% |
+| w-2\/5 | width: 40% |
+| w-3\/5 | width: 60% |
+| w-4\/5 | width: 80% |
+| w-1\/6 | width: 16.666667% |
+| w-2\/6 | width: 33.333333% |
+| w-3\/6 | width: 50% |
+| w-4\/6 | width: 66.666667% |
+| w-5\/6 | width: 83.333333% |
+| w-1\/12 | width: 8.333333% |
+| w-2\/12 | width: 16.666667% |
+| w-3\/12 | width: 25% |
+| w-4\/12 | width: 33.333333% |
+| w-5\/12 | width: 41.666667% |
+| w-6\/12 | width: 50% |
+| w-7\/12 | width: 58.333333% |
+| w-8\/12 | width: 66.666667% |
+| w-9\/12 | width: 75% |
+| w-10\/12 | width: 83.333333% |
+| w-11\/12 | width: 91.666667% |
+| w-full | width: 100% |
+| w-screen | width: 100vw |
+| w-min | width: min-content |
+| w-max | width: max-content |
+| min-w-0 | min-width: 0px |
+| min-w-full | min-width: 100% |
+| min-w-min | min-width: min-content |
+| min-w-max | min-width: max-content |
+| max-w-none | max-width: none |
+| max-w-0 | max-width: 0rem |
+| max-w-xs | max-width: 20rem |
+| max-w-sm | max-width: 24rem |
+| max-w-md | max-width: 28rem |
+| max-w-lg | max-width: 32rem |
+| max-w-xl | max-width: 36rem |
+| max-w-2xl | max-width: 42rem |
+| max-w-3xl | max-width: 48rem |
+| max-w-4xl | max-width: 56rem |
+| max-w-5xl | max-width: 64rem |
+| max-w-6xl | max-width: 72rem |
+| max-w-7xl | max-width: 80rem |
+| max-w-full | max-width: 100% |
+| max-w-min | max-width: min-content |
+| max-w-max | max-width: max-content |
+| max-w-prose | max-width: 65ch |
+
+
+*/
+
+@mixin min-width-sizing($map: $minWidths, $prefix: '.') {
+  @each $name, $value in $map {
+    @if $name == default {
+      #{$prefix}min-w {
+        min-width: $value;
+      }
+    } @else {
+      #{$prefix}min-w-#{'' + selector-escape($name)} {
+        min-width: $value;
+      }
+    }
+  }
+}
+
+@mixin max-width-sizing($map: $maxWidths, $prefix: '.') {
+  @each $name, $value in $map {
+    @if $name == default {
+      #{$prefix}max-w {
+        max-width: $value;
+      }
+    } @else {
+      #{$prefix}max-w-#{'' + selector-escape($name)} {
+        max-width: $value;
+      }
+    }
+  }
+}
+
+@mixin make-widths($prefix: '.') {
+  @include width-sizing($widths, $prefix);
+  #{$prefix}min-w-0 {
+    min-width: 0px;
+  }
+
+  #{$prefix}min-w-full {
+    min-width: 100%;
+  }
+
+  #{$prefix}min-w-min {
+    min-width: min-content;
+  }
+
+  #{$prefix}min-w-max {
+    min-width: max-content;
+  }
+
+  @include max-width-sizing($maxWidths, $prefix);
+  @include min-width-sizing($minWidths, $prefix);
+}
+
+@include make-widths();
+@each $deivce in map-keys($devices) {
+  @include media-device($deivce) {
+    @include make-widths('.' + selector-escape($deivce + ':'));
+  }
+}