@trackunit/css-core 1.16.13 → 1.16.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/css-core",
-  "version": "1.16.13",
+  "version": "1.16.14",
   "main": "src/lib/core.css",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",

package/src/lib/generated/tailwind-utilities.generated.css

@@ -147,14 +147,6 @@
 @utility page-content {
   overflow: auto;
   padding: var(--spacing-4);
-  
-  @media (min-width: 768px) {
-    padding: var(--spacing-6);
-  }
-  
-  @media (min-width: 1024px) {
-    padding: var(--spacing-6);
-  }
 }
 
 /* ========================================
@@ -163,8 +155,7 @@
  * host-origin (rendered inside an edge-to-edge HostPage) or an extension/Iris
  * iframe app. Neither the host nor the iframe pads the content area anymore, so
  * the content owns its own fixed inset. It is viewport-independent because a
- * content area is sized by its container, not the viewport (unlike page-content,
- * which steps up at larger breakpoints).
+ * content area is sized by its container, not the viewport.
  *
  * Apply this ONLY to the scrollable body/content region - never to a page header
  * or topbar, which must stay flush against the true page edges.
@@ -177,14 +168,6 @@
   display: flex;
   flex-direction: column;
   gap: var(--spacing-4);
-  
-  @media (min-width: 768px) {
-    gap: var(--spacing-6);
-  }
-  
-  @media (min-width: 1024px) {
-    gap: var(--spacing-6);
-  }
 }
 
 @utility layout-page-sidebar-content {
@@ -210,6 +193,9 @@
 
 /* ========================================
  * Layout Responsive Grid
+ * Column count is responsive; the gap between items is not. Match the 16px
+ * content-space rhythm (GLU-1632) so card grids do not step 12 → 16 → 20px
+ * with the viewport.
  * ======================================== */
 @utility layout-responsive-grid {
   --occupation: auto-fit;
@@ -217,7 +203,7 @@
   --row-height: 1fr;
   display: grid;
   grid-template-columns: repeat(var(--occupation), minmax(min(var(--min-column-width), 100%), 1fr));
-  gap: var(--spacing-responsive-space);
+  gap: var(--spacing-4);
 }
 
 /* ========================================