rootzz-layout 0.1.0 → 0.1.1
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/dist/styles.css +11 -10
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -104,10 +104,13 @@
|
|
|
104
104
|
}
|
|
105
105
|
|
|
106
106
|
/* ── Reset mínimo, ESCOPADO ───────────────────────────────────────────── */
|
|
107
|
-
.
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
.rootzz-layout
|
|
107
|
+
/* Atinge só o shell (topbar/sidebar/etc.). O conteúdo do consumidor vive em
|
|
108
|
+
`.rootzz-content__inner` — ele e seus descendentes ficam de fora do reset
|
|
109
|
+
para não vazar `box-sizing`/`border-*` no app de quem consome a lib. */
|
|
110
|
+
.rootzz-layout:not(.rootzz-content__inner *),
|
|
111
|
+
.rootzz-layout *:not(.rootzz-content__inner, .rootzz-content__inner *),
|
|
112
|
+
.rootzz-layout *:not(.rootzz-content__inner, .rootzz-content__inner *)::before,
|
|
113
|
+
.rootzz-layout *:not(.rootzz-content__inner, .rootzz-content__inner *)::after {
|
|
111
114
|
box-sizing: border-box;
|
|
112
115
|
border-width: 0;
|
|
113
116
|
border-style: solid;
|
|
@@ -259,13 +262,13 @@
|
|
|
259
262
|
display: flex;
|
|
260
263
|
align-items: center;
|
|
261
264
|
gap: 0.375rem;
|
|
262
|
-
|
|
265
|
+
flex-shrink: 0;
|
|
263
266
|
}
|
|
264
267
|
|
|
265
268
|
.rootzz-brand__logo {
|
|
266
269
|
display: flex;
|
|
267
270
|
align-items: center;
|
|
268
|
-
|
|
271
|
+
flex-shrink: 0;
|
|
269
272
|
padding-left: 0.25rem;
|
|
270
273
|
}
|
|
271
274
|
|
|
@@ -284,7 +287,7 @@
|
|
|
284
287
|
display: inline-flex;
|
|
285
288
|
align-items: center;
|
|
286
289
|
gap: 0.5rem;
|
|
287
|
-
|
|
290
|
+
flex-shrink: 0;
|
|
288
291
|
}
|
|
289
292
|
|
|
290
293
|
.rootzz-brand__app img {
|
|
@@ -301,13 +304,11 @@
|
|
|
301
304
|
.rootzz-brand__app-name {
|
|
302
305
|
/* No mobile, só o logo. O nome aparece a partir de sm. */
|
|
303
306
|
display: none;
|
|
304
|
-
min-width: 0;
|
|
305
307
|
font-size: 1.125rem;
|
|
306
308
|
font-weight: 400;
|
|
307
309
|
color: var(--rzl-fg);
|
|
308
|
-
overflow: hidden;
|
|
309
|
-
text-overflow: ellipsis;
|
|
310
310
|
white-space: nowrap;
|
|
311
|
+
flex-shrink: 0;
|
|
311
312
|
}
|
|
312
313
|
|
|
313
314
|
@media (min-width: 640px) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "rootzz-layout",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.1",
|
|
4
4
|
"description": "Shell de aplicação (Topbar + Sidebar + Content) da Eduzz para React. Leve, sem dependências de runtime e em CSS puro (sem Tailwind no consumidor).",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Eduzz",
|