@kolkrabbi/kol-theme 0.200.0 → 0.200.2
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-atoms.css
CHANGED
|
@@ -1455,6 +1455,10 @@ a.kol-icon-frame {
|
|
|
1455
1455
|
.kol-scroll-fade--x[data-fade-right] { --kol-scroll-fade-right: 2rem; }
|
|
1456
1456
|
/* a tab row wider than its column (TabsRow `overflow="scroll"`): one line, scrolled sideways, no scrollbar; the row
|
|
1457
1457
|
* takes its own width and at least the column's, so a trailing control still sits at the right */
|
|
1458
|
+
/* THE md TAB'S GLYPH (TabsRow `size="md"`, 2026-10-29 — the user's ref is Adobe's solid tab icons; review 8: *"the problem …
|
|
1459
|
+
* was thickness and stroke"*): the set's 1.5 stroke reads thin beside medium-weight 14px text, so the glyph takes a 2 stroke here.
|
|
1460
|
+
* A property beats the path's attribute. */
|
|
1461
|
+
.kol-tab-md svg * { stroke-width: 2; }
|
|
1458
1462
|
.kol-tabs-scroll {
|
|
1459
1463
|
display: flex;
|
|
1460
1464
|
overflow-x: auto;
|
|
@@ -445,8 +445,17 @@
|
|
|
445
445
|
/* THE IMAGE DROP ZONE (review 6, Adobe's refs 56 · 57): a faint ground at rest; under the pointer, or while a file is
|
|
446
446
|
* dragged over it, the transparency checker — in the opaque ramp so it reads on either theme */
|
|
447
447
|
.kol-lab-drop { background: var(--kol-oq-02); }
|
|
448
|
-
|
|
449
|
-
.kol-lab-drop
|
|
448
|
+
/* the checker on its own plane, faded in — a gradient cannot tween, so the plane's opacity does (review 7) */
|
|
449
|
+
.kol-lab-drop::before {
|
|
450
|
+
content: '';
|
|
451
|
+
position: absolute;
|
|
452
|
+
inset: 0;
|
|
453
|
+
background: repeating-conic-gradient(var(--kol-oq-08) 0% 25%, transparent 0% 50%) 0 0 / 12px 12px;
|
|
454
|
+
opacity: 0;
|
|
455
|
+
transition: opacity 160ms ease-out;
|
|
456
|
+
}
|
|
457
|
+
.kol-lab-drop:hover::before,
|
|
458
|
+
.kol-lab-drop.is-dropping::before { opacity: 1; }
|
|
450
459
|
/* maximized (review 5): the window over the page, 16px off every edge, above the scrim */
|
|
451
460
|
.kol-lab-window.kol-lab-window--max { position: fixed; inset: 16px; z-index: 200; width: auto; height: auto; max-height: none; }
|
|
452
461
|
.kol-lab-window.kol-quicklook--sized { max-height: calc(100dvh - 2rem); }
|