@kolkrabbi/kol-framework 0.6.4 → 0.7.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.
- package/kol-framework.css +19 -0
- package/package.json +2 -2
package/kol-framework.css
CHANGED
|
@@ -76,6 +76,11 @@ body {
|
|
|
76
76
|
}
|
|
77
77
|
|
|
78
78
|
@media (min-width: 1280px) { :root { --kol-container-max: 1600px; } }
|
|
79
|
+
/* The ladder's last rung is the law's frame itself: --kol-container-max is the
|
|
80
|
+
* responsive RESOLUTION of --kol-content-shell (kol-theme), not a second width
|
|
81
|
+
* family. Before 2026-07-30 the ladder stopped at 1600 while the stated law
|
|
82
|
+
* said 1800 — same element, two answers (lobby/WidthSystemContradictions). */
|
|
83
|
+
@media (min-width: 1920px) { :root { --kol-container-max: var(--kol-content-shell, 1800px); } }
|
|
79
84
|
|
|
80
85
|
/* :root[data-sidenav="collapsed"] removed 2026-07-29 — the manual collapse
|
|
81
86
|
* feature died with the editor's exit (brand ruling); the responsive rail
|
|
@@ -159,6 +164,20 @@ body {
|
|
|
159
164
|
flex-direction: column;
|
|
160
165
|
}
|
|
161
166
|
|
|
167
|
+
/* ───── Full-bleed (THE one mechanism, 2026-07-30) ─────
|
|
168
|
+
* Cancels the page inset with a negative margin — container-relative, so it is
|
|
169
|
+
* correct inside any layout, including .kol-brand-layout's sidenav grid.
|
|
170
|
+
* Promoted from kol-website's local `@utility full-bleed`; the DS owns the
|
|
171
|
+
* inset (--kol-pad-section-x), so it owns the cancellation.
|
|
172
|
+
*
|
|
173
|
+
* NEVER use the viewport trick (`width:100vw; margin-left: calc(50% - 50vw)`):
|
|
174
|
+
* 50vw measures the VIEWPORT, and inside a sidenav grid the content track is
|
|
175
|
+
* not viewport-centred — the element overhangs left by ~half the sidenav width
|
|
176
|
+
* and any `overflow:hidden` ancestor clips it (the /review slice bug). */
|
|
177
|
+
.kol-full-bleed {
|
|
178
|
+
margin-inline: calc(-1 * var(--kol-pad-section-x));
|
|
179
|
+
}
|
|
180
|
+
|
|
162
181
|
/* ───── Standard 4-col content grid ─────
|
|
163
182
|
The page-wide grid all chapter content lays out against. Always 4 cols.
|
|
164
183
|
Rows size to content; children control their own height via aspect-ratio
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kolkrabbi/kol-framework",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.7.0",
|
|
4
4
|
"description": "KOL app shell — sidenav, layout, theme toggle, footer, heroes + brand color layer. SideNav takes nav data as props so the tree stays app-local.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
"app-shell"
|
|
28
28
|
],
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@kolkrabbi/kol-component": "0.
|
|
30
|
+
"@kolkrabbi/kol-component": "0.14.0",
|
|
31
31
|
"@kolkrabbi/kol-icons": "0.8.10"
|
|
32
32
|
},
|
|
33
33
|
"peerDependencies": {
|