@neatui/css 5.3.0 → 5.5.0

package/dist/neatui.preview.css

@@ -601,14 +601,6 @@ sup{
   overflow-y:auto;
 }
 
-.wrap{
-  white-space:normal;
-}
-
-.nowrap{
-  white-space:nowrap;
-}
-
 .upper{
   text-transform:uppercase;
 }
@@ -765,12 +757,6 @@ sup{
   .pad\:scroll-y{
     overflow-y:auto;
   }
-  .pad\:wrap{
-    white-space:normal;
-  }
-  .pad\:nowrap{
-    white-space:nowrap;
-  }
   .pad\:upper{
     text-transform:uppercase;
   }
@@ -926,12 +912,6 @@ sup{
   .mob\:scroll-y{
     overflow-y:auto;
   }
-  .mob\:wrap{
-    white-space:normal;
-  }
-  .mob\:nowrap{
-    white-space:nowrap;
-  }
   .mob\:upper{
     text-transform:uppercase;
   }
@@ -939,6 +919,206 @@ sup{
     text-transform:lowercase;
   }
 }
+[ui-wrap],[ui-wrap~=no]{
+  white-space:nowrap;
+}
+
+[ui-wrap~=all]{
+  white-space:normal;
+}
+
+@media screen and (min-width:480px){
+  [ui-wrap~=">mob-s"]{
+    white-space:normal;
+  }
+}
+
+@media screen and (min-width:640px){
+  [ui-wrap~=">mob-m"]{
+    white-space:normal;
+  }
+}
+
+@media screen and (min-width:800px){
+  [ui-wrap~=">mob-l"]{
+    white-space:normal;
+  }
+}
+
+@media screen and (min-width:960px){
+  [ui-wrap~=">pad-s"]{
+    white-space:normal;
+  }
+}
+
+@media screen and (min-width:1120px){
+  [ui-wrap~=">pad-m"]{
+    white-space:normal;
+  }
+}
+
+@media screen and (min-width:1280px){
+  [ui-wrap~=">pad-l"]{
+    white-space:normal;
+  }
+}
+
+@media screen and (min-width:1440px){
+  [ui-wrap~=">dpc-s"]{
+    white-space:normal;
+  }
+}
+
+@media screen and (min-width:1600px){
+  [ui-wrap~=">dpc-m"]{
+    white-space:normal;
+  }
+}
+
+@media screen and (max-width:479px){
+  [ui-wrap~="<mob-m"]{
+    white-space:normal;
+  }
+}
+
+@media screen and (max-width:639px){
+  [ui-wrap~="<mob-l"]{
+    white-space:normal;
+  }
+}
+
+@media screen and (max-width:799px){
+  [ui-wrap~="<pad-s"]{
+    white-space:normal;
+  }
+}
+
+@media screen and (max-width:959px){
+  [ui-wrap~="<pad-m"]{
+    white-space:normal;
+  }
+}
+
+@media screen and (max-width:1119px){
+  [ui-wrap~="<pad-l"]{
+    white-space:normal;
+  }
+}
+
+@media screen and (max-width:1279px){
+  [ui-wrap~="<dpc-s"]{
+    white-space:normal;
+  }
+}
+
+@media screen and (max-width:1439px){
+  [ui-wrap~="<dpc-m"]{
+    white-space:normal;
+  }
+}
+
+@media screen and (max-width:1599px){
+  [ui-wrap~="<dpc-l"]{
+    white-space:normal;
+  }
+}
+
+@media screen and (max-width:479px){
+  [ui-wrap~="=mob-s"]{
+    white-space:normal;
+  }
+}
+
+@media screen and (min-width:480px) and (max-width:639px){
+  [ui-wrap~="=mob-m"]{
+    white-space:normal;
+  }
+}
+
+@media screen and (min-width:640px) and (max-width:799px){
+  [ui-wrap~="=mob-l"]{
+    white-space:normal;
+  }
+}
+
+@media screen and (min-width:800px) and (max-width:959px){
+  [ui-wrap~="=pad-s"]{
+    white-space:normal;
+  }
+}
+
+@media screen and (min-width:960px) and (max-width:1119px){
+  [ui-wrap~="=pad-m"]{
+    white-space:normal;
+  }
+}
+
+@media screen and (min-width:1120px) and (max-width:1279px){
+  [ui-wrap~="=pad-l"]{
+    white-space:normal;
+  }
+}
+
+@media screen and (min-width:1280px) and (max-width:1439px){
+  [ui-wrap~="=dpc-s"]{
+    white-space:normal;
+  }
+}
+
+@media screen and (min-width:1440px) and (max-width:1599px){
+  [ui-wrap~="=dpc-m"]{
+    white-space:normal;
+  }
+}
+
+@media screen and (min-width:1600px){
+  [ui-wrap~="=dpc-l"]{
+    white-space:normal;
+  }
+}
+
+@media screen and (min-width:800px){
+  [ui-wrap~=">mob"]{
+    white-space:normal;
+  }
+}
+
+@media screen and (min-width:1280px){
+  [ui-wrap~=">pad"]{
+    white-space:normal;
+  }
+}
+
+@media screen and (max-width:799px){
+  [ui-wrap~="<pad"]{
+    white-space:normal;
+  }
+}
+
+@media screen and (max-width:1279px){
+  [ui-wrap~="<dpc"]{
+    white-space:normal;
+  }
+}
+
+@media screen and (max-width:799px){
+  [ui-wrap~="=mob"]{
+    white-space:normal;
+  }
+}
+
+@media screen and (min-width:800px) and (max-width:1279px){
+  [ui-wrap~="=pad"]{
+    white-space:normal;
+  }
+}
+
+@media screen and (min-width:1280px){
+  [ui-wrap~="=dpc"]{
+    white-space:normal;
+  }
+}
+
 .code,code{
   font-family:Menlo,Monaco,Courier New,monospace;
   -webkit-font-smoothing:antialiased;