amis-rev-ui 6.13.0

package/scss/helper/box-alignment/_align-content.md

@@ -0,0 +1,12 @@
+---
+title: Align Content
+---
+
+| Class       | Properties               |
+| ----------- | ------------------------ |
+| content-center | align-content: center |
+| content-start | align-content: flex-start |
+| content-end | align-content: flex-end |
+| content-between | align-content: space-between |
+| content-around | align-content: space-around |
+| content-evenly | align-content: space-evenly |

package/scss/helper/box-alignment/_align-content.scss

@@ -0,0 +1,44 @@
+/*!markdown
+
+---
+title: Align Content
+---
+
+| Class       | Properties               |
+| ----------- | ------------------------ |
+| content-center | align-content: center |
+| content-start | align-content: flex-start |
+| content-end | align-content: flex-end |
+| content-between | align-content: space-between |
+| content-around | align-content: space-around |
+| content-evenly | align-content: space-evenly |
+
+
+*/
+@mixin make-align-content($prefix: '.') {
+  #{$prefix}content-center {
+    align-content: center;
+  }
+  #{$prefix}content-start {
+    align-content: flex-start;
+  }
+  #{$prefix}content-end {
+    align-content: flex-end;
+  }
+  #{$prefix}content-between {
+    align-content: space-between;
+  }
+  #{$prefix}content-around {
+    align-content: space-around;
+  }
+  #{$prefix}content-evenly {
+    align-content: space-evenly;
+  }
+}
+
+@include make-align-content();
+@each $deivce in map-keys($devices) {
+  @include media-device($deivce) {
+    @include make-align-content('.' + selector-escape($deivce + ':'));
+  }
+}

package/scss/helper/box-alignment/_align-items.md

@@ -0,0 +1,11 @@
+---
+title: Align Items
+---
+
+| Class       | Properties               |
+| ----------- | ------------------------ |
+| items-start | align-items: flex-start |
+| items-end | align-items: flex-end |
+| items-center | align-items: center |
+| items-baseline | align-items: baseline |
+| items-stretch | align-items: stretch |

package/scss/helper/box-alignment/_align-items.scss

@@ -0,0 +1,41 @@
+/*!markdown
+
+---
+title: Align Items
+---
+
+| Class       | Properties               |
+| ----------- | ------------------------ |
+| items-start | align-items: flex-start |
+| items-end | align-items: flex-end |
+| items-center | align-items: center |
+| items-baseline | align-items: baseline |
+| items-stretch | align-items: stretch |
+
+
+*/
+
+@mixin make-align-items($prefix: '.') {
+  #{$prefix}items-start {
+    align-items: flex-start;
+  }
+  #{$prefix}items-end {
+    align-items: flex-end;
+  }
+  #{$prefix}items-center {
+    align-items: center;
+  }
+  #{$prefix}items-baseline {
+    align-items: baseline;
+  }
+  #{$prefix}items-stretch {
+    align-items: stretch;
+  }
+}
+
+@include make-align-items();
+@each $deivce in map-keys($devices) {
+  @include media-device($deivce) {
+    @include make-align-items('.' + selector-escape($deivce + ':'));
+  }
+}

package/scss/helper/box-alignment/_align-self.md

@@ -0,0 +1,11 @@
+---
+title: Align Self
+---
+
+| Class       | Properties               |
+| ----------- | ------------------------ |
+| self-auto | align-self: auto |
+| self-start | align-self: flex-start |
+| self-end | align-self: flex-end |
+| self-center | align-self: center |
+| self-stretch | align-self: stretch |

package/scss/helper/box-alignment/_align-self.scss

@@ -0,0 +1,40 @@
+/*!markdown
+
+---
+title: Align Self
+---
+
+| Class       | Properties               |
+| ----------- | ------------------------ |
+| self-auto | align-self: auto |
+| self-start | align-self: flex-start |
+| self-end | align-self: flex-end |
+| self-center | align-self: center |
+| self-stretch | align-self: stretch |
+
+*/
+
+@mixin make-align-self($prefix: '.') {
+  #{$prefix}self-auto {
+    align-self: auto;
+  }
+  #{$prefix}self-start {
+    align-self: flex-start;
+  }
+  #{$prefix}self-end {
+    align-self: flex-end;
+  }
+  #{$prefix}self-center {
+    align-self: center;
+  }
+  #{$prefix}self-stretch {
+    align-self: stretch;
+  }
+}
+
+@include make-align-self();
+@each $deivce in map-keys($devices) {
+  @include media-device($deivce) {
+    @include make-align-self('.' + selector-escape($deivce + ':'));
+  }
+}

package/scss/helper/box-alignment/_justify-content.md

@@ -0,0 +1,12 @@
+---
+title: Jsutify Content
+---
+
+| Class       | Properties               |
+| ----------- | ------------------------ |
+| justify-start | justify-content: flex-start |
+| justify-end | justify-content: flex-end |
+| justify-center | justify-content: center |
+| justify-between | justify-content: space-between |
+| justify-around | justify-content: space-around |
+| justify-evenly | justify-content: space-evenly |

package/scss/helper/box-alignment/_justify-content.scss

@@ -0,0 +1,44 @@
+/*!markdown
+
+---
+title: Jsutify Content
+---
+
+| Class       | Properties               |
+| ----------- | ------------------------ |
+| justify-start | justify-content: flex-start |
+| justify-end | justify-content: flex-end |
+| justify-center | justify-content: center |
+| justify-between | justify-content: space-between |
+| justify-around | justify-content: space-around |
+| justify-evenly | justify-content: space-evenly |
+
+
+*/
+@mixin make-justify-content($prefix: '.') {
+  #{$prefix}justify-start {
+    justify-content: flex-start;
+  }
+  #{$prefix}justify-end {
+    justify-content: flex-end;
+  }
+  #{$prefix}justify-center {
+    justify-content: center;
+  }
+  #{$prefix}justify-between {
+    justify-content: space-between;
+  }
+  #{$prefix}justify-around {
+    justify-content: space-around;
+  }
+  #{$prefix}justify-evenly {
+    justify-content: space-evenly;
+  }
+}
+
+@include make-justify-content();
+@each $deivce in map-keys($devices) {
+  @include media-device($deivce) {
+    @include make-justify-content('.' + selector-escape($deivce + ':'));
+  }
+}

package/scss/helper/box-alignment/_justify-items.md

@@ -0,0 +1,11 @@
+---
+title: Justify Items
+---
+
+| Class       | Properties               |
+| ----------- | ------------------------ |
+| justify-items-auto | justify-items: auto |
+| justify-items-start | justify-items: start |
+| justify-items-end | justify-items: end |
+| justify-items-center | justify-items: center |
+| justify-items-stretch | justify-items: stretch |

package/scss/helper/box-alignment/_justify-items.scss

@@ -0,0 +1,40 @@
+/*!markdown
+
+---
+title: Justify Items
+---
+
+| Class       | Properties               |
+| ----------- | ------------------------ |
+| justify-items-auto | justify-items: auto |
+| justify-items-start | justify-items: start |
+| justify-items-end | justify-items: end |
+| justify-items-center | justify-items: center |
+| justify-items-stretch | justify-items: stretch |
+
+
+*/
+@mixin make-justify-items($prefix: '.') {
+  #{$prefix}justify-items-auto {
+    justify-items: auto;
+  }
+  #{$prefix}justify-items-start {
+    justify-items: start;
+  }
+  #{$prefix}justify-items-end {
+    justify-items: end;
+  }
+  #{$prefix}justify-items-center {
+    justify-items: center;
+  }
+  #{$prefix}justify-items-stretch {
+    justify-items: stretch;
+  }
+}
+
+@include make-justify-items();
+@each $deivce in map-keys($devices) {
+  @include media-device($deivce) {
+    @include make-justify-items('.' + selector-escape($deivce + ':'));
+  }
+}

package/scss/helper/box-alignment/_justify-self.md

@@ -0,0 +1,11 @@
+---
+title: Jsutify Self
+---
+
+| Class       | Properties               |
+| ----------- | ------------------------ |
+| justify-self-auto | justify-self: auto |
+| justify-self-start | justify-self: start |
+| justify-self-end | justify-self: end |
+| justify-self-center | justify-self: center |
+| justify-self-stretch | justify-self: stretch |

package/scss/helper/box-alignment/_justify-self.scss

@@ -0,0 +1,40 @@
+/*!markdown
+
+---
+title: Jsutify Self
+---
+
+| Class       | Properties               |
+| ----------- | ------------------------ |
+| justify-self-auto | justify-self: auto |
+| justify-self-start | justify-self: start |
+| justify-self-end | justify-self: end |
+| justify-self-center | justify-self: center |
+| justify-self-stretch | justify-self: stretch |
+
+
+*/
+@mixin make-justify-self($prefix: '.') {
+  #{$prefix}justify-self-auto {
+    justify-self: auto;
+  }
+  #{$prefix}justify-self-start {
+    justify-self: start;
+  }
+  #{$prefix}justify-self-end {
+    justify-self: end;
+  }
+  #{$prefix}justify-self-center {
+    justify-self: center;
+  }
+  #{$prefix}justify-self-stretch {
+    justify-self: stretch;
+  }
+}
+
+@include make-justify-self();
+@each $deivce in map-keys($devices) {
+  @include media-device($deivce) {
+    @include make-justify-self('.' + selector-escape($deivce + ':'));
+  }
+}

package/scss/helper/box-alignment/_place-content.md

@@ -0,0 +1,13 @@
+---
+title: Place Content
+---
+
+| Class       | Properties               |
+| ----------- | ------------------------ |
+| place-content-center | place-content: center |
+| place-content-start | place-content: start |
+| place-content-end | place-content: end |
+| place-content-between | place-content: space-between |
+| place-content-around | place-content: space-around |
+| place-content-evenly | place-content: space-evenly |
+| place-content-stretch | place-content: stretch |

package/scss/helper/box-alignment/_place-content.scss

@@ -0,0 +1,48 @@
+/*!markdown
+
+---
+title: Place Content
+---
+
+| Class       | Properties               |
+| ----------- | ------------------------ |
+| place-content-center | place-content: center |
+| place-content-start | place-content: start |
+| place-content-end | place-content: end |
+| place-content-between | place-content: space-between |
+| place-content-around | place-content: space-around |
+| place-content-evenly | place-content: space-evenly |
+| place-content-stretch | place-content: stretch |
+
+
+*/
+@mixin make-place-content($prefix: '.') {
+  #{$prefix}place-content-center {
+    place-content: center;
+  }
+  #{$prefix}place-content-start {
+    place-content: start;
+  }
+  #{$prefix}place-content-end {
+    place-content: end;
+  }
+  #{$prefix}place-content-between {
+    place-content: space-between;
+  }
+  #{$prefix}place-content-around {
+    place-content: space-around;
+  }
+  #{$prefix}place-content-evenly {
+    place-content: space-evenly;
+  }
+  #{$prefix}place-content-stretch {
+    place-content: stretch;
+  }
+}
+
+@include make-place-content();
+@each $deivce in map-keys($devices) {
+  @include media-device($deivce) {
+    @include make-place-content('.' + selector-escape($deivce + ':'));
+  }
+}

package/scss/helper/box-alignment/_place-items.md

@@ -0,0 +1,11 @@
+---
+title: Place Items
+---
+
+| Class       | Properties               |
+| ----------- | ------------------------ |
+| place-items-auto | place-items: auto |
+| place-items-start | place-items: start |
+| place-items-end | place-items: end |
+| place-items-center | place-items: center |
+| place-items-stretch | place-items: stretch |

package/scss/helper/box-alignment/_place-items.scss

@@ -0,0 +1,40 @@
+/*!markdown
+
+---
+title: Place Items
+---
+
+| Class       | Properties               |
+| ----------- | ------------------------ |
+| place-items-auto | place-items: auto |
+| place-items-start | place-items: start |
+| place-items-end | place-items: end |
+| place-items-center | place-items: center |
+| place-items-stretch | place-items: stretch |
+
+
+*/
+@mixin make-place-items($prefix: '.') {
+  #{$prefix}place-items-auto {
+    place-items: auto;
+  }
+  #{$prefix}place-items-start {
+    place-items: start;
+  }
+  #{$prefix}place-items-end {
+    place-items: end;
+  }
+  #{$prefix}place-items-center {
+    place-items: center;
+  }
+  #{$prefix}place-items-stretch {
+    place-items: stretch;
+  }
+}
+
+@include make-place-items();
+@each $deivce in map-keys($devices) {
+  @include media-device($deivce) {
+    @include make-place-items('.' + selector-escape($deivce + ':'));
+  }
+}

package/scss/helper/box-alignment/_place-self.md

@@ -0,0 +1,11 @@
+---
+title: Place Self
+---
+
+| Class       | Properties               |
+| ----------- | ------------------------ |
+| place-self-auto | place-self: auto |
+| place-self-start | place-self: start |
+| place-self-end | place-self: end |
+| place-self-center | place-self: center |
+| place-self-stretch | place-self: stretch |

package/scss/helper/box-alignment/_place-self.scss

@@ -0,0 +1,40 @@
+/*!markdown
+
+---
+title: Place Self
+---
+
+| Class       | Properties               |
+| ----------- | ------------------------ |
+| place-self-auto | place-self: auto |
+| place-self-start | place-self: start |
+| place-self-end | place-self: end |
+| place-self-center | place-self: center |
+| place-self-stretch | place-self: stretch |
+
+
+*/
+@mixin make-place-self($prefix: '.') {
+  #{$prefix}place-self-auto {
+    place-self: auto;
+  }
+  #{$prefix}place-self-start {
+    place-self: start;
+  }
+  #{$prefix}place-self-end {
+    place-self: end;
+  }
+  #{$prefix}place-self-center {
+    place-self: center;
+  }
+  #{$prefix}place-self-stretch {
+    place-self: stretch;
+  }
+}
+
+@include make-place-self();
+@each $deivce in map-keys($devices) {
+  @include media-device($deivce) {
+    @include make-place-self('.' + selector-escape($deivce + ':'));
+  }
+}

package/scss/helper/effect/_box-shadow.md

@@ -0,0 +1,16 @@
+---
+title: Box Shadow
+---
+
+| Class       | Properties               |
+| ----------- | ------------------------ |
+| shadow-sm | box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) |
+| shadow | box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) |
+| shadow-md | box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) |
+| shadow-lg | box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) |
+| shadow-xl | box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1) , 0 10px 10px -5px rgba(0, 0, 0, 0.04) |
+| shadow-2xl | box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) |
+| shadow-inner | box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) |
+| shadow-none | box-shadow: none |
+
+还有 hover、active、focus 扩展，比如 `hover:shadow-sm`

package/scss/helper/effect/_box-shadow.scss

@@ -0,0 +1,74 @@
+/*!markdown
+
+---
+title: Box Shadow
+---
+
+| Class       | Properties               |
+| ----------- | ------------------------ |
+| shadow-sm | box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) |
+| shadow | box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) |
+| shadow-md | box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) |
+| shadow-lg | box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) |
+| shadow-xl | box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1) , 0 10px 10px -5px rgba(0, 0, 0, 0.04) |
+| shadow-2xl | box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) |
+| shadow-inner | box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) |
+| shadow-none | box-shadow: none |
+
+还有 hover、active、focus 扩展，比如 `hover:shadow-sm`
+
+*/
+
+@mixin make-box-shadow($prefix: '.', $suffix: '') {
+  @each $name, $value in $boxShadows {
+    @if $suffix == '.is-active' {
+      #{$prefix}shadow#{suffixName($name)}.is-active,
+      #{$prefix}shadow#{suffixName($name)}:active {
+        box-shadow: #{$value};
+      }
+    } @else if $suffix == '.is-disabled' {
+      #{$prefix}shadow#{suffixName($name)}.is-disabled,
+      #{$prefix}shadow#{suffixName($name)}:disabled {
+        box-shadow: #{$value};
+      }
+    } @else {
+      #{$prefix}shadow#{suffixName($name)}#{$suffix} {
+        box-shadow: #{$value};
+      }
+    }
+  }
+}
+
+@include make-box-shadow();
+@include make-box-shadow('.' + selector-escape('hover:'), ':hover');
+@include make-box-shadow('.' + selector-escape('active:'), '.is-active');
+@include make-box-shadow('.' + selector-escape('focus:'), ':focus');
+@include make-box-shadow('.' + selector-escape('disabled:'), '.is-disabled');
+@include make-box-shadow('.group:hover .' + selector-escape('group-hover:'));
+
+@each $deivce in map-keys($devices) {
+  @include media-device($deivce) {
+    @include make-box-shadow('.' + selector-escape($deivce + ':'));
+
+    @include make-box-shadow(
+      '.' + selector-escape($deivce + ':') + selector-escape('hover:'),
+      ':hover'
+    );
+    @include make-box-shadow(
+      '.' + selector-escape($deivce + ':') + selector-escape('active:'),
+      '.is-active'
+    );
+    @include make-box-shadow(
+      '.' + selector-escape($deivce + ':') + selector-escape('focus:'),
+      ':focus'
+    );
+    @include make-box-shadow(
+      '.' + selector-escape($deivce + ':') + selector-escape('disabled:'),
+      '.is-disabled'
+    );
+    @include make-box-shadow(
+      '.group:hover .' + selector-escape($deivce + ':') +
+        selector-escape('group-hover:')
+    );
+  }
+}

package/scss/helper/effect/_opacity.md

@@ -0,0 +1,21 @@
+---
+title: Opacity
+---
+
+| Class       | Properties               |
+| ----------- | ------------------------ |
+| opacity-0 | opacity: 0 |
+| opacity-5 | opacity: 0.05 |
+| opacity-10 | opacity: 0.1 |
+| opacity-20 | opacity: 0.2 |
+| opacity-25 | opacity: 0.25 |
+| opacity-30 | opacity: 0.3 |
+| opacity-40 | opacity: 0.4 |
+| opacity-50 | opacity: 0.5 |
+| opacity-60 | opacity: 0.6 |
+| opacity-70 | opacity: 0.7 |
+| opacity-75 | opacity: 0.75 |
+| opacity-80 | opacity: 0.8 |
+| opacity-90 | opacity: 0.9 |
+| opacity-95 | opacity: 0.95 |
+| opacity-100 | opacity: 1 |

package/scss/helper/effect/_opacity.scss

@@ -0,0 +1,66 @@
+/*!markdown
+
+---
+title: Opacity
+---
+
+| Class       | Properties               |
+| ----------- | ------------------------ |
+| opacity-0 | opacity: 0 |
+| opacity-5 | opacity: 0.05 |
+| opacity-10 | opacity: 0.1 |
+| opacity-20 | opacity: 0.2 |
+| opacity-25 | opacity: 0.25 |
+| opacity-30 | opacity: 0.3 |
+| opacity-40 | opacity: 0.4 |
+| opacity-50 | opacity: 0.5 |
+| opacity-60 | opacity: 0.6 |
+| opacity-70 | opacity: 0.7 |
+| opacity-75 | opacity: 0.75 |
+| opacity-80 | opacity: 0.8 |
+| opacity-90 | opacity: 0.9 |
+| opacity-95 | opacity: 0.95 |
+| opacity-100 | opacity: 1 |
+
+
+*/
+
+@mixin make-opacity($prefix: '.', $suffix: '') {
+  @each $name,
+    $value
+      in (
+        '0': 0,
+        '5': 0.05,
+        '10': 0.1,
+        '20': 0.2,
+        '25': 0.25,
+        '30': 0.3,
+        '40': 0.4,
+        '50': 0.5,
+        '60': 0.6,
+        '70': 0.7,
+        '75': 0.75,
+        '80': 0.8,
+        '90': 0.9,
+        '95': 0.95,
+        '100': 1
+      )
+  {
+    #{$prefix}opacity#{suffixName($name)}#{$suffix} {
+      opacity: $value;
+    }
+  }
+}
+
+@include make-opacity();
+@each $deivce in map-keys($devices) {
+  @include media-device($deivce) {
+    @include make-opacity('.' + selector-escape($deivce + ':'));
+  }
+}
+
+// @include border-radius('.' + selector-escape('hover:'), ':hover');
+// @include border-radius('.' + selector-escape('active:'), '.is-active');
+// @include border-radius('.' + selector-escape('focus:'), ':focus');
+// @include border-radius('.' + selector-escape('disabled:'), '.is-disabled');
+// @include border-radius('.group:hover .' + selector-escape('group-hover:'));