@trackunit/css-core 1.16.5 → 1.16.7-alpha-fa073b98d1d.0
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.
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"entry.js","sourceRoot":"","sources":["../../../../../libs/css/core/migrations/entry.ts"],"names":[],"mappings":"","sourcesContent":["export {};\n"]}
|
package/package.json
CHANGED
|
@@ -157,6 +157,22 @@
|
|
|
157
157
|
}
|
|
158
158
|
}
|
|
159
159
|
|
|
160
|
+
/* ========================================
|
|
161
|
+
* Content Space (viewport-independent padding)
|
|
162
|
+
* The single shared inset for page content, identical whether that content is
|
|
163
|
+
* host-origin (rendered inside an edge-to-edge HostPage) or an extension/Iris
|
|
164
|
+
* iframe app. Neither the host nor the iframe pads the content area anymore, so
|
|
165
|
+
* the content owns its own fixed inset. It is viewport-independent because a
|
|
166
|
+
* content area is sized by its container, not the viewport (unlike page-content,
|
|
167
|
+
* which steps up at larger breakpoints).
|
|
168
|
+
*
|
|
169
|
+
* Apply this ONLY to the scrollable body/content region - never to a page header
|
|
170
|
+
* or topbar, which must stay flush against the true page edges.
|
|
171
|
+
* ======================================== */
|
|
172
|
+
@utility p-content-space {
|
|
173
|
+
padding: var(--spacing-4);
|
|
174
|
+
}
|
|
175
|
+
|
|
160
176
|
@utility page-content-with-gap {
|
|
161
177
|
display: flex;
|
|
162
178
|
flex-direction: column;
|
|
@@ -192,43 +208,6 @@
|
|
|
192
208
|
}
|
|
193
209
|
}
|
|
194
210
|
|
|
195
|
-
@utility layout-left-sidebar-page {
|
|
196
|
-
display: grid;
|
|
197
|
-
width: 100%;
|
|
198
|
-
grid-template-rows: min-content min-content 1fr;
|
|
199
|
-
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
200
|
-
gap: var(--spacing-4);
|
|
201
|
-
overflow-y: auto;
|
|
202
|
-
grid-template-areas: "topbar" "sidebar" "content";
|
|
203
|
-
|
|
204
|
-
& .layout-area-sidebar {
|
|
205
|
-
padding-left: var(--spacing-4);
|
|
206
|
-
padding-right: var(--spacing-4);
|
|
207
|
-
}
|
|
208
|
-
|
|
209
|
-
& .layout-area-content {
|
|
210
|
-
padding-left: var(--spacing-4);
|
|
211
|
-
padding-right: var(--spacing-4);
|
|
212
|
-
}
|
|
213
|
-
|
|
214
|
-
@media (min-width: 1024px) {
|
|
215
|
-
grid-template-rows: min-content 1fr;
|
|
216
|
-
grid-template-columns: 260px 1fr;
|
|
217
|
-
grid-template-areas: "topbar topbar" "sidebar content";
|
|
218
|
-
gap: var(--spacing-6);
|
|
219
|
-
|
|
220
|
-
& .layout-area-sidebar {
|
|
221
|
-
padding-left: var(--spacing-6);
|
|
222
|
-
padding-right: var(--spacing-0);
|
|
223
|
-
}
|
|
224
|
-
|
|
225
|
-
& .layout-area-content {
|
|
226
|
-
padding-left: var(--spacing-0);
|
|
227
|
-
padding-right: var(--spacing-6);
|
|
228
|
-
}
|
|
229
|
-
}
|
|
230
|
-
}
|
|
231
|
-
|
|
232
211
|
/* ========================================
|
|
233
212
|
* Layout Responsive Grid
|
|
234
213
|
* ======================================== */
|