@kolkrabbi/kol-theme 0.63.0 → 0.65.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-atoms.css
CHANGED
|
@@ -148,11 +148,13 @@
|
|
|
148
148
|
* Anatomy: fixed dim backdrop → full-bleed sheet → absolute corner close.
|
|
149
149
|
* ═══════════════════════════════════════════════════════════════ */
|
|
150
150
|
|
|
151
|
+
/* FLAT scrim (ColumnBrowser round, user 2026-08-27): the 55% black wash read as a
|
|
152
|
+
* halo around the image in the lightbox — the backdrop is the surface, no wash. */
|
|
151
153
|
.kol-overlay {
|
|
152
154
|
position: fixed;
|
|
153
155
|
inset: 0;
|
|
154
156
|
z-index: 100;
|
|
155
|
-
background:
|
|
157
|
+
background: var(--kol-surface-primary);
|
|
156
158
|
display: grid;
|
|
157
159
|
place-items: center;
|
|
158
160
|
overflow-y: auto;
|
|
@@ -995,6 +995,33 @@
|
|
|
995
995
|
border-color 300ms var(--kol-ease-house);
|
|
996
996
|
}
|
|
997
997
|
|
|
998
|
+
/* ContentCard `reveal` (TypefaceCardAndRow, kol-website 2026-08-27 — the
|
|
999
|
+
* shipped TypefaceLibraryItem's hover, verbatim): the plate and the media
|
|
1000
|
+
* fade OUT, the reveal node fades IN, all 300ms on the house curve. Keyed
|
|
1001
|
+
* on the card root, only when it carries a reveal (`has-reveal`). */
|
|
1002
|
+
.kol-card.has-reveal .kol-card-plate,
|
|
1003
|
+
.kol-card.has-reveal .kol-card-canvas-media,
|
|
1004
|
+
.kol-card.has-reveal .kol-card-reveal {
|
|
1005
|
+
transition: opacity 300ms var(--kol-ease-house);
|
|
1006
|
+
}
|
|
1007
|
+
.kol-card.has-reveal .kol-card-reveal {
|
|
1008
|
+
opacity: 0;
|
|
1009
|
+
}
|
|
1010
|
+
@media (hover: hover) {
|
|
1011
|
+
.kol-card.has-reveal:hover .kol-card-plate,
|
|
1012
|
+
.kol-card.has-reveal:hover .kol-card-canvas-media {
|
|
1013
|
+
opacity: 0;
|
|
1014
|
+
}
|
|
1015
|
+
.kol-card.has-reveal:hover .kol-card-reveal {
|
|
1016
|
+
opacity: 1;
|
|
1017
|
+
}
|
|
1018
|
+
}
|
|
1019
|
+
@media (prefers-reduced-motion: reduce) {
|
|
1020
|
+
.kol-card.has-reveal .kol-card-plate,
|
|
1021
|
+
.kol-card.has-reveal .kol-card-canvas-media,
|
|
1022
|
+
.kol-card.has-reveal .kol-card-reveal { transition: none; }
|
|
1023
|
+
}
|
|
1024
|
+
|
|
998
1025
|
/* ─────────────────────────────────────────────────────────────────────
|
|
999
1026
|
* The house expand — molecules/SearchInput.jsx · organisms/ContentFilters.jsx
|
|
1000
1027
|
*
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kolkrabbi/kol-theme",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.65.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",
|