iter(g130): 新增栅格容器 grid

2026-10-26 15:20:04 +08:00
parent 88c2515f2e
commit 23d1e063dc
13 changed files with 202 additions and 13 deletions
@@ -4045,3 +4045,24 @@ h5.ua-type-title { font-size: var(--ua-font-size-md); }
    transition: none;
  }
 }
+
+/* —— 栅格容器：列模板由内联变量给，窄屏统一降为单列 —— */
+.ua-grid {
+  display: grid;
+  grid-template-columns: var(--ua-grid-cols, repeat(3, minmax(0, 1fr)));
+  align-items: stretch;
+}
+.ua-grid > * {
+  min-width: 0; /* 长文本 / 表格不撑破列宽 */
+}
+.ua-grid.is-dense {
+  grid-auto-flow: dense;
+}
+.ua-grid.is-align-start { align-items: start; }
+.ua-grid.is-align-center { align-items: center; }
+.ua-grid.is-align-end { align-items: end; }
+@media (max-width: 640px) {
+  .ua-grid {
+    grid-template-columns: 1fr;
+  }
+}