@neatui/css 3.10.6 → 3.11.0

package/core/color.scss

@@ -3,63 +3,107 @@
   background-color: var(--co-main);
 }
 
-.bg-1 {
+.bg-1,
+.bg-a {
   background-color: #0084ff;
 }
-.bg-2 {
+.bg-2,
+.bg-b {
   background-color: #30d158;
 }
-.bg-3 {
+.bg-3,
+.bg-c {
   background-color: #5e5ce6;
 }
-.bg-4 {
+.bg-4,
+.bg-d {
   background-color: #ff9f0a;
 }
-.bg-5 {
+.bg-5,
+.bg-e {
   background-color: #ff375f;
 }
-.bg-6 {
+.bg-6,
+.bg-f {
   background-color: #af52de;
 }
-.bg-7 {
+.bg-7,
+.bg-g {
   background-color: #ff453a;
 }
-.bg-8 {
+.bg-8,
+.bg-h {
   background-color: #af52de;
 }
-.bg-9 {
+.bg-9,
+.bg-i {
   background-color: #5ac8fa;
 }
-.bg-10 {
+.bg-10,
+.bg-j {
   background-color: #ffcc00;
 }
-.bg-11 {
+.bg-11,
+.bg-k {
   background-color: #8e8e93;
 }
-.bg-12 {
+.bg-12,
+.bg-l {
   background-color: #bad80a;
 }
-.bg-13 {
+.bg-13,
+.bg-m {
   background-color: #1d6fa3;
 }
-.bg-14 {
+.bg-14,
+.bg-n {
   background-color: #fd6585;
 }
-.bg-15 {
+.bg-15,
+.bg-o {
   background-color: #df5900;
 }
-.bg-16 {
+.bg-16,
+.bg-p {
   background-color: #3388ff;
 }
-.bg-17 {
+.bg-17,
+.bg-q {
   background-color: #623aa2;
 }
-.bg-18 {
+.bg-18,
+.bg-r {
   background-color: #d939cd;
 }
-.bg-19 {
+.bg-19,
+.bg-s {
   background-color: #f55555;
 }
-.bg-20 {
+.bg-20,
+.bg-t {
   background-color: #bb4e75;
 }
+.bg-21,
+.bg-u {
+  background-color: #00b4d8;
+}
+.bg-22,
+.bg-v {
+  background-color: #e63946;
+}
+.bg-23,
+.bg-w {
+  background-color: #2a9d8f;
+}
+.bg-24,
+.bg-x {
+  background-color: #f77f00;
+}
+.bg-25,
+.bg-y {
+  background-color: #06a77d;
+}
+.bg-26,
+.bg-z {
+  background-color: #d946ef;
+}

package/core/trim.scss

@@ -376,36 +376,45 @@
       &\+ {
         width: #{$w_base + 1}em;
       }
-      &\* {
+      &\*s {
         width: #{$w_base * 2}em;
       }
-      &\*3 {
+      &\*m {
         width: #{$w_base * 3}em;
       }
+      &\*l {
+        width: #{$w_base * 4}em;
+      }
     }
     .#{$media}min-w-#{$sz} {
       min-width: #{$w_base}em;
       &\+ {
         min-width: #{$w_base + 1}em;
       }
-      &\* {
+      &\*s {
         min-width: #{$w_base * 2}em;
       }
-      &\*3 {
+      &\*m {
         min-width: #{$w_base * 3}em;
       }
+      &\*l {
+        min-width: #{$w_base * 4}em;
+      }
     }
     .#{$media}max-w-#{$sz} {
       max-width: #{$w_base}em;
       &\+ {
         max-width: #{$w_base + 1}em;
       }
-      &\* {
+      &\*s {
         max-width: #{$w_base * 2}em;
       }
-      &\*3 {
+      &\*m {
         max-width: #{$w_base * 3}em;
       }
+      &\*l {
+        max-width: #{$w_base * 4}em;
+      }
     }
     $w_base: $w_base + 2;
   }
@@ -418,36 +427,45 @@
       &\+ {
         height: #{$h_base + 1}em;
       }
-      &\* {
+      &\*s {
         height: #{$h_base * 2}em;
       }
-      &\*3 {
+      &\*m {
         height: #{$h_base * 3}em;
       }
+      &\*l {
+        height: #{$h_base * 4}em;
+      }
     }
     .#{$media}min-h-#{$sz} {
       min-height: #{$h_base}em;
       &\+ {
         min-height: #{$h_base + 1}em;
       }
-      &\* {
+      &\*s {
         min-height: #{$h_base * 2}em;
       }
-      &\*3 {
+      &\*m {
         min-height: #{$h_base * 3}em;
       }
+      &\*l {
+        min-height: #{$h_base * 4}em;
+      }
     }
     .#{$media}max-h-#{$sz} {
       max-height: #{$h_base}em;
       &\+ {
         max-height: #{$h_base + 1}em;
       }
-      &\* {
+      &\*s {
         max-height: #{$h_base * 2}em;
       }
-      &\*3 {
+      &\*m {
         max-height: #{$h_base * 3}em;
       }
+      &\*l {
+        max-height: #{$h_base * 4}em;
+      }
     }
     $h_base: $h_base + 2;
   }

package/neatui.scss

@@ -5,6 +5,8 @@
 @forward './core/reset.scss';
 // 主题
 @forward './core/theme.scss';
+// 颜色
+@forward './core/color.scss';
 // 响应
 @forward './core/media.scss';
 // 基础

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neatui/css",
-  "version": "3.10.6",
+  "version": "3.11.0",
   "description": "neatui",
   "main": "./neatui.scss",
   "license": "MIT",