@trackunit/css-core 1.16.13 → 1.16.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -147,14 +147,6 @@
|
|
|
147
147
|
@utility page-content {
|
|
148
148
|
overflow: auto;
|
|
149
149
|
padding: var(--spacing-4);
|
|
150
|
-
|
|
151
|
-
@media (min-width: 768px) {
|
|
152
|
-
padding: var(--spacing-6);
|
|
153
|
-
}
|
|
154
|
-
|
|
155
|
-
@media (min-width: 1024px) {
|
|
156
|
-
padding: var(--spacing-6);
|
|
157
|
-
}
|
|
158
150
|
}
|
|
159
151
|
|
|
160
152
|
/* ========================================
|
|
@@ -163,8 +155,7 @@
|
|
|
163
155
|
* host-origin (rendered inside an edge-to-edge HostPage) or an extension/Iris
|
|
164
156
|
* iframe app. Neither the host nor the iframe pads the content area anymore, so
|
|
165
157
|
* the content owns its own fixed inset. It is viewport-independent because a
|
|
166
|
-
* content area is sized by its container, not the viewport
|
|
167
|
-
* which steps up at larger breakpoints).
|
|
158
|
+
* content area is sized by its container, not the viewport.
|
|
168
159
|
*
|
|
169
160
|
* Apply this ONLY to the scrollable body/content region - never to a page header
|
|
170
161
|
* or topbar, which must stay flush against the true page edges.
|
|
@@ -177,14 +168,6 @@
|
|
|
177
168
|
display: flex;
|
|
178
169
|
flex-direction: column;
|
|
179
170
|
gap: var(--spacing-4);
|
|
180
|
-
|
|
181
|
-
@media (min-width: 768px) {
|
|
182
|
-
gap: var(--spacing-6);
|
|
183
|
-
}
|
|
184
|
-
|
|
185
|
-
@media (min-width: 1024px) {
|
|
186
|
-
gap: var(--spacing-6);
|
|
187
|
-
}
|
|
188
171
|
}
|
|
189
172
|
|
|
190
173
|
@utility layout-page-sidebar-content {
|
|
@@ -210,6 +193,9 @@
|
|
|
210
193
|
|
|
211
194
|
/* ========================================
|
|
212
195
|
* Layout Responsive Grid
|
|
196
|
+
* Column count is responsive; the gap between items is not. Match the 16px
|
|
197
|
+
* content-space rhythm (GLU-1632) so card grids do not step 12 → 16 → 20px
|
|
198
|
+
* with the viewport.
|
|
213
199
|
* ======================================== */
|
|
214
200
|
@utility layout-responsive-grid {
|
|
215
201
|
--occupation: auto-fit;
|
|
@@ -217,7 +203,7 @@
|
|
|
217
203
|
--row-height: 1fr;
|
|
218
204
|
display: grid;
|
|
219
205
|
grid-template-columns: repeat(var(--occupation), minmax(min(var(--min-column-width), 100%), 1fr));
|
|
220
|
-
gap: var(--spacing-
|
|
206
|
+
gap: var(--spacing-4);
|
|
221
207
|
}
|
|
222
208
|
|
|
223
209
|
/* ========================================
|