@kolkrabbi/kol-theme 0.64.0 → 0.66.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;
|
|
@@ -352,3 +352,17 @@
|
|
|
352
352
|
.font-viewer-wrapper .monospaced {
|
|
353
353
|
font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
|
|
354
354
|
}
|
|
355
|
+
|
|
356
|
+
/* PairingCard (FoundrySpecimenSections, 2026-08-27) — kol-website's .pairing-card
|
|
357
|
+
* frame + hover, verbatim: an 8% frame, on hover a 1% wash and a 24% frame. */
|
|
358
|
+
.kol-pairing-card {
|
|
359
|
+
background-color: transparent;
|
|
360
|
+
border: 1px solid color-mix(in srgb, var(--kol-surface-on-primary) 8%, transparent);
|
|
361
|
+
transition: background-color 300ms ease, border-color 300ms ease;
|
|
362
|
+
}
|
|
363
|
+
@media (hover: hover) {
|
|
364
|
+
.kol-pairing-card:hover {
|
|
365
|
+
background-color: color-mix(in srgb, var(--kol-surface-on-primary) 1%, transparent);
|
|
366
|
+
border-color: color-mix(in srgb, var(--kol-surface-on-primary) 24%, transparent);
|
|
367
|
+
}
|
|
368
|
+
}
|
|
@@ -590,6 +590,19 @@
|
|
|
590
590
|
.kol-card-feature:hover .kol-card-feature-visual { transform: none; }
|
|
591
591
|
}
|
|
592
592
|
|
|
593
|
+
/* the TEXT-ONLY tile (SectionCardItem with no visual — FoundrySpecimenSections,
|
|
594
|
+
* 2026-08-27): kol-website's .feature-card frame + hover, verbatim — a 1% wash
|
|
595
|
+
* and a 24% frame on hover, 300ms; hover only, never a selected state. */
|
|
596
|
+
.kol-card-feature--text {
|
|
597
|
+
transition: background-color 300ms ease, border-color 300ms ease;
|
|
598
|
+
}
|
|
599
|
+
@media (hover: hover) {
|
|
600
|
+
.kol-card-feature--text:hover {
|
|
601
|
+
background-color: color-mix(in srgb, var(--kol-surface-on-primary) 1%, transparent);
|
|
602
|
+
border-color: color-mix(in srgb, var(--kol-surface-on-primary) 24%, transparent);
|
|
603
|
+
}
|
|
604
|
+
}
|
|
605
|
+
|
|
593
606
|
/* =============================================================================
|
|
594
607
|
* Color-doc widget chrome — ColorRamp · SpectrumGrid
|
|
595
608
|
*
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kolkrabbi/kol-theme",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.66.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",
|