@neatui/css 1.0.27 → 2.0.0-beta.1

package/core/pos.scss

@@ -1,252 +0,0 @@
-[ui-pos] {
-  position: relative;
-  display: flex;
-  // pointer-events: none;
-  flex-wrap: wrap;
-
-  // 行列
-  &,
-  &[ui-pos~=':row'] {
-    flex-direction: row;
-
-    &[ui-pos~='lt'] {
-      justify-content: flex-start;
-      align-items: flex-start;
-      align-content: flex-start;
-    }
-
-    &[ui-pos~='ct'] {
-      justify-content: center;
-      align-items: flex-start;
-      align-content: flex-start;
-    }
-
-    &[ui-pos~='rt'] {
-      justify-content: flex-end;
-      align-items: flex-start;
-      align-content: flex-start;
-    }
-
-    &[ui-pos~='xt'] {
-      justify-content: space-between;
-      align-items: flex-start;
-      align-content: flex-start;
-    }
-    &[ui-pos~='at'] {
-      justify-content: space-around;
-      align-items: flex-start;
-      align-content: flex-start;
-    }
-
-    &[ui-pos~='lm'] {
-      justify-content: flex-start;
-      align-items: center;
-      align-content: center;
-    }
-
-    &[ui-pos~='cm'] {
-      justify-content: center;
-      align-items: center;
-      align-content: center;
-    }
-
-    &[ui-pos~='rm'] {
-      justify-content: flex-end;
-      align-items: center;
-      align-content: center;
-    }
-
-    &[ui-pos~='xm'] {
-      justify-content: space-between;
-      align-items: center;
-      align-content: center;
-    }
-
-    &[ui-pos~='am'] {
-      justify-content: space-around;
-      align-items: center;
-      align-content: center;
-    }
-
-    &[ui-pos~='lb'] {
-      justify-content: flex-start;
-      align-items: flex-end;
-      align-content: flex-end;
-    }
-
-    &[ui-pos~='cb'] {
-      justify-content: center;
-      align-items: flex-end;
-      align-content: flex-end;
-    }
-
-    &[ui-pos~='rb'] {
-      justify-content: flex-end;
-      align-items: flex-end;
-      align-content: flex-end;
-    }
-
-    &[ui-pos~='xb'] {
-      justify-content: space-between;
-      align-items: flex-end;
-      align-content: flex-end;
-    }
-
-    &[ui-pos~='ab'] {
-      justify-content: space-around;
-      align-items: flex-end;
-      align-content: flex-end;
-    }
-  }
-  &[ui-pos~=':col'] {
-    flex-direction: column;
-
-    &[ui-pos~='lt'] {
-      justify-content: flex-start;
-      align-items: flex-start;
-      align-content: flex-start;
-    }
-
-    &[ui-pos~='ct'] {
-      justify-content: flex-start;
-      align-items: center;
-      align-content: center;
-    }
-
-    &[ui-pos~='rt'] {
-      justify-content: flex-start;
-      align-items: flex-end;
-      align-content: flex-end;
-    }
-
-    &[ui-pos~='xt'] {
-      justify-content: flex-start;
-      align-items: stretch;
-      align-content: stretch;
-    }
-    &[ui-pos~='at'] {
-      justify-content: flex-start;
-      align-items: space-around;
-      align-content: space-around;
-    }
-
-    &[ui-pos~='lm'] {
-      justify-content: center;
-      align-items: flex-start;
-      align-content: flex-start;
-    }
-
-    &[ui-pos~='cm'] {
-      justify-content: center;
-      align-items: center;
-      align-content: center;
-    }
-
-    &[ui-pos~='rm'] {
-      justify-content: center;
-      align-items: flex-end;
-      align-content: flex-end;
-    }
-
-    &[ui-pos~='xm'] {
-      justify-content: center;
-      align-items: stretch;
-      align-content: stretch;
-    }
-    &[ui-pos~='am'] {
-      justify-content: center;
-      align-items: space-around;
-      align-content: space-around;
-    }
-
-    &[ui-pos~='lb'] {
-      justify-content: flex-end;
-      align-items: flex-start;
-      align-content: flex-start;
-    }
-
-    &[ui-pos~='cb'] {
-      justify-content: flex-end;
-      align-items: center;
-      align-content: center;
-    }
-
-    &[ui-pos~='rb'] {
-      justify-content: flex-end;
-      align-items: flex-end;
-      align-content: flex-end;
-    }
-
-    &[ui-pos~='xb'] {
-      justify-content: flex-end;
-      align-items: stretch;
-      align-content: stretch;
-    }
-    &[ui-pos~='ab'] {
-      justify-content: flex-end;
-      align-items: space-around;
-      align-content: space-around;
-    }
-
-    &[ui-pos~='ly'] {
-      justify-content: space-between;
-      align-items: flex-start;
-      align-content: flex-start;
-    }
-    &[ui-pos~='la'] {
-      justify-content: space-around;
-      align-items: flex-start;
-      align-content: flex-start;
-    }
-
-    &[ui-pos~='cy'] {
-      justify-content: space-between;
-      align-items: center;
-      align-content: center;
-    }
-    &[ui-pos~='ca'] {
-      justify-content: space-around;
-      align-items: center;
-      align-content: center;
-    }
-    &[ui-pos~='ry'] {
-      justify-content: space-between;
-      align-items: flex-end;
-      align-content: flex-end;
-    }
-    &[ui-pos~='ra'] {
-      justify-content: space-around;
-      align-items: flex-end;
-      align-content: flex-end;
-    }
-    &[ui-pos~='xy'] {
-      justify-content: space-between;
-      align-items: space-between;
-      align-content: space-between;
-    }
-    &[ui-pos~='aa'] {
-      justify-content: space-around;
-      align-items: space-around;
-      align-content: space-around;
-    }
-  }
-
-  // 撑满
-  &[ui-pos~=':full'] {
-    flex-grow: 1;
-  }
-
-  // 行内
-  &[ui-pos~=':inline'] {
-    display: inline-flex;
-  }
-
-  // 不换行
-  &[ui-pos~=':nowrap'] {
-    flex-wrap: nowrap;
-  }
-
-  & > * {
-    position: relative !important;
-  }
-}

package/core/trim.mobile.scss

@@ -1,327 +0,0 @@
-@mixin trim($media: '') {
-  $size: (no, xs, ss, sm, sl, ms, mm, ml, ls, lm, ll, xl);
-
-  // 栅格
-  $col_base: 0;
-  $col_unit: rem;
-  @each $sz in $size {
-    @if ($sz == xs) {
-      $col_base: 1;
-      $col_unit: px;
-    } @else {
-      $col_unit: rem;
-    }
-
-    // 栅格系统配套
-    [ui-row] {
-      // 左右内边距
-      &.#{$media}n-#{$sz}-sub,
-      &.#{$media}nx-#{$sz}-sub,
-      &.#{$media}nl-#{$sz}-sub {
-        margin-left: -$col_base + $col_unit;
-      }
-      &.#{$media}n-#{$sz}-sub,
-      &.#{$media}nx-#{$sz}-sub,
-      &.#{$media}nr-#{$sz}-sub {
-        margin-right: -$col_base + $col_unit;
-      }
-    }
-
-    @if ($sz == xs) {
-      $col_base: 0;
-    }
-    @if ($col_base >= 1) {
-      $col_base: $col_base + 0.4;
-    } @else if($col_base >= 0.6) {
-      $col_base: $col_base + 0.2;
-    } @else {
-      $col_base: $col_base + 0.1;
-    }
-  }
-
-  // 边距
-  $base: 0;
-  $unit: rem;
-  @each $sz in $size {
-    @if ($sz == xs) {
-      $base: 1;
-      $unit: px;
-    } @else {
-      $unit: rem;
-    }
-
-    // 内边距
-    .#{$media}n {
-      &,
-      &x,
-      &l {
-        &-#{$sz} {
-          @at-root {
-            & {
-              padding-left: $base + $unit !important;
-            }
-
-            html body &-sub > *,
-            &-sun > * > * {
-              padding-left: $base + $unit;
-            }
-          }
-        }
-      }
-
-      &,
-      &x,
-      &r {
-        &-#{$sz} {
-          @at-root {
-            & {
-              padding-right: $base + $unit !important;
-            }
-
-            html body &-sub > *,
-            &-sun > * > * {
-              padding-right: $base + $unit;
-            }
-          }
-        }
-      }
-
-      &,
-      &y,
-      &t {
-        &-#{$sz} {
-          @at-root {
-            & {
-              padding-top: $base + $unit !important;
-            }
-
-            html body &-sub > *,
-            &-sun > * > * {
-              padding-top: $base + $unit;
-            }
-          }
-        }
-      }
-
-      &,
-      &y,
-      &b {
-        &-#{$sz} {
-          @at-root {
-            & {
-              padding-bottom: $base + $unit !important;
-            }
-
-            html body &-sub > *,
-            &-sun > * > * {
-              padding-bottom: $base + $unit;
-            }
-          }
-        }
-      }
-    }
-
-    // 外边距
-    .#{$media}m {
-      &,
-      &x,
-      &l {
-        &-#{$sz} {
-          @at-root {
-            & {
-              margin-left: $base + $unit !important;
-            }
-
-            html body &-sub > *,
-            &-sun > * > * {
-              margin-left: $base + $unit;
-            }
-          }
-
-          // 子集
-          &-sub > *,
-          &-sun > * > * {
-            &:first-child {
-              margin-left: 0;
-            }
-          }
-        }
-      }
-
-      &,
-      &x,
-      &r {
-        &-#{$sz} {
-          @at-root {
-            & {
-              margin-right: $base + $unit !important;
-            }
-
-            html body &-sub > *,
-            &-sun > * > * {
-              margin-right: $base + $unit;
-            }
-          }
-
-          // 子集
-          &-sub > *,
-          &-sun > * > * {
-            &:last-child {
-              margin-right: 0;
-            }
-          }
-        }
-      }
-
-      &,
-      &y,
-      &t {
-        &-#{$sz} {
-          @at-root {
-            & {
-              margin-top: $base + $unit !important;
-            }
-
-            html body &-sub > *,
-            &-sun > * > * {
-              margin-top: $base + $unit;
-            }
-          }
-        }
-      }
-
-      &,
-      &y,
-      &b {
-        &-#{$sz} {
-          @at-root {
-            & {
-              margin-bottom: $base + $unit !important;
-            }
-
-            html body &-sub > *,
-            &-sun > * > * {
-              margin-bottom: $base + $unit;
-            }
-          }
-        }
-      }
-    }
-
-    @if ($sz == xs) {
-      $base: 0;
-    }
-    @if ($base >= 1) {
-      $base: $base + 0.4;
-    } @else if($base >= 0.6) {
-      $base: $base + 0.2;
-    } @else {
-      $base: $base + 0.1;
-    }
-  }
-
-  // 圆角
-  $br_base: 0;
-  @each $sz in $size {
-    .#{$media}br-#{$sz} {
-      border-radius: #{$br_base}em;
-    }
-    $br_base: $br_base + 0.1;
-  }
-
-  // 边框
-  $bk_base: 0;
-  @each $sz in $size {
-    // 边框
-    .#{$media}b {
-      &,
-      &x,
-      &l {
-        &-#{$sz} {
-          &,
-          &-sub > *,
-          &-sun > * > * {
-            border-left-width: #{$bk_base}px;
-          }
-        }
-      }
-
-      &,
-      &x,
-      &r {
-        &-#{$sz} {
-          &,
-          &-sub > *,
-          &-sun > * > * {
-            border-right-width: #{$bk_base}px;
-          }
-        }
-      }
-
-      &,
-      &y,
-      &t {
-        &-#{$sz} {
-          &,
-          &-sub > *,
-          &-sun > * > * {
-            border-top-width: #{$bk_base}px;
-          }
-        }
-      }
-
-      &,
-      &y,
-      &b {
-        &-#{$sz} {
-          &,
-          &-sub > *,
-          &-sun > * > * {
-            border-bottom-width: #{$bk_base}px;
-          }
-        }
-      }
-    }
-
-    $bk_base: $bk_base + 1;
-  }
-
-  // 宽度
-  $w_base: 0;
-  @each $sz in $size {
-    .#{$media}w-#{$sz} {
-      width: #{$w_base}em;
-      max-width: 100%;
-    }
-    $w_base: $w_base + 1;
-    @if ($w_base > 5) {
-      $w_base: $w_base + 2;
-    }
-  }
-
-  // 高度
-  $h_base: 0;
-  @each $sz in $size {
-    .#{$media}h-#{$sz} {
-      height: #{$h_base}em;
-      max-height: 100%;
-    }
-    $h_base: $h_base + 2;
-    @if ($h_base > 5) {
-      $h_base: $h_base + 2;
-    }
-  }
-}
-
-// 桌面
-@include trim();
-
-// 平板
-@include pad {
-  @include trim('pad\:');
-}
-
-// 移动
-@include mob {
-  @include trim('mob\:');
-}