@neatui/css 5.1.9 → 5.1.11

package/dist/neatui.css

@@ -2666,11 +2666,10 @@ td[ui-col],th[ui-col]{
   align-content:flex-start;
   align-items:start;
   display:grid;
-  gap:var(--gap);
+  gap:0;
   grid-template-columns:repeat(var(--col), minmax(0, 1fr));
   justify-content:start;
   --col:4;
-  --gap:0;
 }
 
 [ui-grid~="1"]{
@@ -2721,52 +2720,58 @@ td[ui-col],th[ui-col]{
   --col:12;
 }
 
-[ui-grid~=no]{
-  --gap:0;
-}
-
-[ui-grid~=xs]{
-  --gap:1px;
-}
-
-[ui-grid~=ss]{
-  --gap:0.25em;
-}
-
-[ui-grid~=sm]{
-  --gap:0.5em;
+[ui-grid~=lt]{
+  align-content:start;
+  align-items:start;
+  justify-items:start;
 }
 
-[ui-grid~=sl]{
-  --gap:0.75em;
+[ui-grid~=lm]{
+  align-content:center;
+  align-items:center;
+  justify-items:start;
 }
 
-[ui-grid~=ms]{
-  --gap:1em;
+[ui-grid~=lb]{
+  align-content:end;
+  align-items:end;
+  justify-items:start;
 }
 
-[ui-grid~=mm]{
-  --gap:1.5em;
+[ui-grid~=ct]{
+  align-content:start;
+  align-items:start;
+  justify-items:center;
 }
 
-[ui-grid~=ml]{
-  --gap:2em;
+[ui-grid~=cm]{
+  align-content:center;
+  align-items:center;
+  justify-items:center;
 }
 
-[ui-grid~=ls]{
-  --gap:2.5em;
+[ui-grid~=cb]{
+  align-content:end;
+  align-items:end;
+  justify-items:center;
 }
 
-[ui-grid~=lm]{
-  --gap:3em;
+[ui-grid~=rt]{
+  align-content:start;
+  align-items:start;
+  justify-items:end;
 }
 
-[ui-grid~=ll]{
-  --gap:4em;
+[ui-grid~=rm]{
+  align-content:center;
+  align-items:center;
+  justify-items:end;
 }
 
-[ui-grid~=xl]{
-  --gap:5em;
+[ui-grid~=rb]{
+  align-content:end;
+  align-items:end;
+  justify-items:end;
 }
 
 [ui-grid~=block]{
@@ -2821,52 +2826,58 @@ td[ui-col],th[ui-col]{
   --col:12;
 }
 
-[ui-grid~="mob:no"]{
-  --gap:0;
-}
-
-[ui-grid~="mob:xs"]{
-  --gap:1px;
-}
-
-[ui-grid~="mob:ss"]{
-  --gap:0.25em;
-}
-
-[ui-grid~="mob:sm"]{
-  --gap:0.5em;
+[ui-grid~="mob:lt"]{
+  align-content:start;
+  align-items:start;
+  justify-items:start;
 }
 
-[ui-grid~="mob:sl"]{
-  --gap:0.75em;
+[ui-grid~="mob:lm"]{
+  align-content:center;
+  align-items:center;
+  justify-items:start;
 }
 
-[ui-grid~="mob:ms"]{
-  --gap:1em;
+[ui-grid~="mob:lb"]{
+  align-content:end;
+  align-items:end;
+  justify-items:start;
 }
 
-[ui-grid~="mob:mm"]{
-  --gap:1.5em;
+[ui-grid~="mob:ct"]{
+  align-content:start;
+  align-items:start;
+  justify-items:center;
 }
 
-[ui-grid~="mob:ml"]{
-  --gap:2em;
+[ui-grid~="mob:cm"]{
+  align-content:center;
+  align-items:center;
+  justify-items:center;
 }
 
-[ui-grid~="mob:ls"]{
-  --gap:2.5em;
+[ui-grid~="mob:cb"]{
+  align-content:end;
+  align-items:end;
+  justify-items:center;
 }
 
-[ui-grid~="mob:lm"]{
-  --gap:3em;
+[ui-grid~="mob:rt"]{
+  align-content:start;
+  align-items:start;
+  justify-items:end;
 }
 
-[ui-grid~="mob:ll"]{
-  --gap:4em;
+[ui-grid~="mob:rm"]{
+  align-content:center;
+  align-items:center;
+  justify-items:end;
 }
 
-[ui-grid~="mob:xl"]{
-  --gap:5em;
+[ui-grid~="mob:rb"]{
+  align-content:end;
+  align-items:end;
+  justify-items:end;
 }
 
 [ui-grid~="mob:block"]{
@@ -2914,41 +2925,50 @@ td[ui-col],th[ui-col]{
   [ui-grid~="pad:12"]{
     --col:12;
   }
-  [ui-grid~="pad:no"]{
-    --gap:0;
-  }
-  [ui-grid~="pad:xs"]{
-    --gap:1px;
-  }
-  [ui-grid~="pad:ss"]{
-    --gap:0.25em;
-  }
-  [ui-grid~="pad:sm"]{
-    --gap:0.5em;
+  [ui-grid~="pad:lt"]{
+    align-content:start;
+    align-items:start;
+    justify-items:start;
   }
-  [ui-grid~="pad:sl"]{
-    --gap:0.75em;
+  [ui-grid~="pad:lm"]{
+    align-content:center;
+    align-items:center;
+    justify-items:start;
   }
-  [ui-grid~="pad:ms"]{
-    --gap:1em;
+  [ui-grid~="pad:lb"]{
+    align-content:end;
+    align-items:end;
+    justify-items:start;
   }
-  [ui-grid~="pad:mm"]{
-    --gap:1.5em;
+  [ui-grid~="pad:ct"]{
+    align-content:start;
+    align-items:start;
+    justify-items:center;
   }
-  [ui-grid~="pad:ml"]{
-    --gap:2em;
+  [ui-grid~="pad:cm"]{
+    align-content:center;
+    align-items:center;
+    justify-items:center;
   }
-  [ui-grid~="pad:ls"]{
-    --gap:2.5em;
+  [ui-grid~="pad:cb"]{
+    align-content:end;
+    align-items:end;
+    justify-items:center;
   }
-  [ui-grid~="pad:lm"]{
-    --gap:3em;
+  [ui-grid~="pad:rt"]{
+    align-content:start;
+    align-items:start;
+    justify-items:end;
   }
-  [ui-grid~="pad:ll"]{
-    --gap:4em;
+  [ui-grid~="pad:rm"]{
+    align-content:center;
+    align-items:center;
+    justify-items:end;
   }
-  [ui-grid~="pad:xl"]{
-    --gap:5em;
+  [ui-grid~="pad:rb"]{
+    align-content:end;
+    align-items:end;
+    justify-items:end;
   }
   [ui-grid~="pad:block"]{
     align-items:stretch;
@@ -2994,41 +3014,50 @@ td[ui-col],th[ui-col]{
   [ui-grid~="dpc:12"]{
     --col:12;
   }
-  [ui-grid~="dpc:no"]{
-    --gap:0;
-  }
-  [ui-grid~="dpc:xs"]{
-    --gap:1px;
-  }
-  [ui-grid~="dpc:ss"]{
-    --gap:0.25em;
-  }
-  [ui-grid~="dpc:sm"]{
-    --gap:0.5em;
+  [ui-grid~="dpc:lt"]{
+    align-content:start;
+    align-items:start;
+    justify-items:start;
   }
-  [ui-grid~="dpc:sl"]{
-    --gap:0.75em;
+  [ui-grid~="dpc:lm"]{
+    align-content:center;
+    align-items:center;
+    justify-items:start;
   }
-  [ui-grid~="dpc:ms"]{
-    --gap:1em;
+  [ui-grid~="dpc:lb"]{
+    align-content:end;
+    align-items:end;
+    justify-items:start;
   }
-  [ui-grid~="dpc:mm"]{
-    --gap:1.5em;
+  [ui-grid~="dpc:ct"]{
+    align-content:start;
+    align-items:start;
+    justify-items:center;
   }
-  [ui-grid~="dpc:ml"]{
-    --gap:2em;
+  [ui-grid~="dpc:cm"]{
+    align-content:center;
+    align-items:center;
+    justify-items:center;
   }
-  [ui-grid~="dpc:ls"]{
-    --gap:2.5em;
+  [ui-grid~="dpc:cb"]{
+    align-content:end;
+    align-items:end;
+    justify-items:center;
   }
-  [ui-grid~="dpc:lm"]{
-    --gap:3em;
+  [ui-grid~="dpc:rt"]{
+    align-content:start;
+    align-items:start;
+    justify-items:end;
   }
-  [ui-grid~="dpc:ll"]{
-    --gap:4em;
+  [ui-grid~="dpc:rm"]{
+    align-content:center;
+    align-items:center;
+    justify-items:end;
   }
-  [ui-grid~="dpc:xl"]{
-    --gap:5em;
+  [ui-grid~="dpc:rb"]{
+    align-content:end;
+    align-items:end;
+    justify-items:end;
   }
   [ui-grid~="dpc:block"]{
     align-items:stretch;
@@ -3037,6 +3066,54 @@ td[ui-col],th[ui-col]{
     align-self:stretch;
   }
 }
+.gap-no{
+  gap:0 !important;
+}
+
+.gap-xs{
+  gap:1px !important;
+}
+
+.gap-ss{
+  gap:.25em !important;
+}
+
+.gap-sm{
+  gap:.5em !important;
+}
+
+.gap-sl{
+  gap:.75em !important;
+}
+
+.gap-ms{
+  gap:1em !important;
+}
+
+.gap-mm{
+  gap:1.5em !important;
+}
+
+.gap-ml{
+  gap:2em !important;
+}
+
+.gap-ls{
+  gap:2.5em !important;
+}
+
+.gap-lm{
+  gap:3em !important;
+}
+
+.gap-ll{
+  gap:4em !important;
+}
+
+.gap-xl{
+  gap:5em !important;
+}
+
 [ui-row].n-no-sub{
   margin:0;
 }
@@ -8484,6 +8561,42 @@ td[ui-col],th[ui-col]{
 }
 
 @media screen and (max-width:1279px){
+  .pad\:gap-no{
+    gap:0 !important;
+  }
+  .pad\:gap-xs{
+    gap:1px !important;
+  }
+  .pad\:gap-ss{
+    gap:.25em !important;
+  }
+  .pad\:gap-sm{
+    gap:.5em !important;
+  }
+  .pad\:gap-sl{
+    gap:.75em !important;
+  }
+  .pad\:gap-ms{
+    gap:1em !important;
+  }
+  .pad\:gap-mm{
+    gap:1.5em !important;
+  }
+  .pad\:gap-ml{
+    gap:2em !important;
+  }
+  .pad\:gap-ls{
+    gap:2.5em !important;
+  }
+  .pad\:gap-lm{
+    gap:3em !important;
+  }
+  .pad\:gap-ll{
+    gap:4em !important;
+  }
+  .pad\:gap-xl{
+    gap:5em !important;
+  }
   [ui-row].pad\:n-no-sub{
     margin:0;
   }
@@ -12725,6 +12838,42 @@ td[ui-col],th[ui-col]{
   }
 }
 @media screen and (max-width:799px){
+  .mob\:gap-no{
+    gap:0 !important;
+  }
+  .mob\:gap-xs{
+    gap:1px !important;
+  }
+  .mob\:gap-ss{
+    gap:.25em !important;
+  }
+  .mob\:gap-sm{
+    gap:.5em !important;
+  }
+  .mob\:gap-sl{
+    gap:.75em !important;
+  }
+  .mob\:gap-ms{
+    gap:1em !important;
+  }
+  .mob\:gap-mm{
+    gap:1.5em !important;
+  }
+  .mob\:gap-ml{
+    gap:2em !important;
+  }
+  .mob\:gap-ls{
+    gap:2.5em !important;
+  }
+  .mob\:gap-lm{
+    gap:3em !important;
+  }
+  .mob\:gap-ll{
+    gap:4em !important;
+  }
+  .mob\:gap-xl{
+    gap:5em !important;
+  }
   [ui-row].mob\:n-no-sub{
     margin:0;
   }
@@ -30278,13 +30427,24 @@ body [ui-btn~="@b"][ui-btn~=b][ui-btn~=":underline"]:hover{
 [ui-table~="@d"] .table-head-fixed{
   background-color:var(--co-fore);
 }
-[ui-table~="@d"] tbody tr,[ui-table~="@d"] thead tr{
-  background:var(--co-fore);
+[ui-table~="@d"] tbody tr>td,[ui-table~="@d"] tbody tr>th,[ui-table~="@d"] thead tr>td,[ui-table~="@d"] thead tr>th{
+  background-color:var(--co-fore);
+  border-bottom:1px solid var(--co-line);
+  border-top:1px solid var(--co-line);
+}
+[ui-table~="@d"] tbody tr>td:first-child,[ui-table~="@d"] tbody tr>th:first-child,[ui-table~="@d"] thead tr>td:first-child,[ui-table~="@d"] thead tr>th:first-child{
+  border-left:1px solid var(--co-line);
+  border-radius:.35em 0 0 .35em;
+}
+[ui-table~="@d"] tbody tr>td:last-child,[ui-table~="@d"] tbody tr>th:last-child,[ui-table~="@d"] thead tr>td:last-child,[ui-table~="@d"] thead tr>th:last-child{
+  border-radius:0 .35em .35em 0;
+  border-right:1px solid var(--co-line);
+}
+[ui-table~="@d"] tbody tr>td:only-child,[ui-table~="@d"] tbody tr>th:only-child,[ui-table~="@d"] thead tr>td:only-child,[ui-table~="@d"] thead tr>th:only-child{
   border-radius:.35em;
-  box-shadow:inset 0 0 0 1px var(--co-line);
 }
-[ui-table~="@d"] .ux-hover-sub>tr:hover,[ui-table~="@d"] tr.ux-hover:hover{
-  box-shadow:inset 0 0 0 1px var(--co-line), inset 0 0 0 100em var(--co-text-o-xxs);
+[ui-table~="@d"] .ux-hover-sub>tr:hover>td,[ui-table~="@d"] .ux-hover-sub>tr:hover>th,[ui-table~="@d"] tr.ux-hover:hover>td,[ui-table~="@d"] tr.ux-hover:hover>th{
+  box-shadow:inset 0 0 0 100em var(--co-text-o-xxs);
 }
 
 [ui-tabs~="@a"]{