@kolkrabbi/kol-theme 0.73.0 → 0.74.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-components-molecules.css +36 -0
- package/package.json +1 -1
|
@@ -1183,6 +1183,42 @@
|
|
|
1183
1183
|
* 2026-08-27): in the 320px column preview a document scaled to the frame; in
|
|
1184
1184
|
* the overlay a readable sheet, not full-bleed over the page. */
|
|
1185
1185
|
.kol-column-browser-preview .kol-prose { zoom: 0.5; }
|
|
1186
|
+
|
|
1187
|
+
/* ColumnBrowser resize handles (ColumnBrowserResize, kol-r2b2 2026-08-27 —
|
|
1188
|
+
* Finder's edge handles, user ruling "that should be a set in ds"; native CSS
|
|
1189
|
+
* `resize:` rejected). The column border already there is the visual; the
|
|
1190
|
+
* strip is the HIT AREA — 8px, invisible at rest, fg-08 on hover and while the
|
|
1191
|
+
* pointer is captured. The x handle is a flex sibling pulled back over the
|
|
1192
|
+
* column's right edge (net zero width); the y handle rides the root's bottom
|
|
1193
|
+
* edge, above the horizontal scroll box so it spans the visible width. */
|
|
1194
|
+
.kol-column-browser-resize-x {
|
|
1195
|
+
position: relative;
|
|
1196
|
+
z-index: 1;
|
|
1197
|
+
flex: none;
|
|
1198
|
+
align-self: stretch;
|
|
1199
|
+
width: 8px;
|
|
1200
|
+
margin-left: -8px;
|
|
1201
|
+
cursor: col-resize;
|
|
1202
|
+
touch-action: none;
|
|
1203
|
+
transition: background-color var(--kol-transition-fast);
|
|
1204
|
+
}
|
|
1205
|
+
.kol-column-browser-resize-y {
|
|
1206
|
+
position: absolute;
|
|
1207
|
+
left: 0;
|
|
1208
|
+
right: 0;
|
|
1209
|
+
bottom: 0;
|
|
1210
|
+
z-index: 1;
|
|
1211
|
+
height: 8px;
|
|
1212
|
+
cursor: row-resize;
|
|
1213
|
+
touch-action: none;
|
|
1214
|
+
transition: background-color var(--kol-transition-fast);
|
|
1215
|
+
}
|
|
1216
|
+
.kol-column-browser-resize-x:hover,
|
|
1217
|
+
.kol-column-browser-resize-x.is-dragging,
|
|
1218
|
+
.kol-column-browser-resize-y:hover,
|
|
1219
|
+
.kol-column-browser-resize-y.is-dragging {
|
|
1220
|
+
background-color: var(--kol-fg-08);
|
|
1221
|
+
}
|
|
1186
1222
|
.kol-overlay .kol-prose {
|
|
1187
1223
|
max-width: var(--kol-content-measure);
|
|
1188
1224
|
margin-inline: auto;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kolkrabbi/kol-theme",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.74.0",
|
|
4
4
|
"description": "KOL (Kolkrabbi) design-system tokens + base CSS — brand-neutral. The canonical token/cascade layer every other KOL package and consumer builds on.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|