@kolkrabbi/kol-theme 0.11.11 → 0.11.13
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.
|
@@ -447,3 +447,56 @@
|
|
|
447
447
|
);
|
|
448
448
|
box-shadow: 0 0 0 1px var(--kol-fg-32);
|
|
449
449
|
}
|
|
450
|
+
|
|
451
|
+
/* ─────────────────────────────────────────────────────────────────────
|
|
452
|
+
* CodeBlock — molecules/CodeBlock.jsx (chrome REPLICATED from the elder
|
|
453
|
+
* reference build, 2026-07-28; moved here from kol-framework.css — theme
|
|
454
|
+
* is chrome's home). Text metrics/colors come from the component's oneDark
|
|
455
|
+
* overrides (14px/1.6); this is frame + chip + copy button only.
|
|
456
|
+
* ──────────────────────────────────────────────────────────────────── */
|
|
457
|
+
.kol-codeblock-wrapper {
|
|
458
|
+
margin-block: 1.5rem;
|
|
459
|
+
}
|
|
460
|
+
|
|
461
|
+
.kol-codeblock {
|
|
462
|
+
position: relative;
|
|
463
|
+
padding: 16px;
|
|
464
|
+
border: 1px solid var(--kol-fg-16);
|
|
465
|
+
border-radius: var(--kol-radius-sm);
|
|
466
|
+
background: var(--kol-fg-04);
|
|
467
|
+
overflow: hidden;
|
|
468
|
+
}
|
|
469
|
+
|
|
470
|
+
/* the ONE chip — filename if present, else the language. In-flow above the code. */
|
|
471
|
+
.kol-codeblock-filename {
|
|
472
|
+
font-family: var(--kol-font-family-mono, monospace);
|
|
473
|
+
font-size: 10px;
|
|
474
|
+
font-weight: 600;
|
|
475
|
+
letter-spacing: 0.08em;
|
|
476
|
+
text-transform: uppercase;
|
|
477
|
+
color: var(--kol-fg-40);
|
|
478
|
+
margin-bottom: 8px;
|
|
479
|
+
}
|
|
480
|
+
|
|
481
|
+
/* 32×32 icon button, tinted square, copy → check */
|
|
482
|
+
.kol-codeblock-copy {
|
|
483
|
+
position: absolute;
|
|
484
|
+
top: 8px;
|
|
485
|
+
right: 8px;
|
|
486
|
+
width: 32px;
|
|
487
|
+
height: 32px;
|
|
488
|
+
display: inline-flex;
|
|
489
|
+
align-items: center;
|
|
490
|
+
justify-content: center;
|
|
491
|
+
background: var(--kol-fg-08);
|
|
492
|
+
border: none;
|
|
493
|
+
border-radius: var(--kol-radius-sm);
|
|
494
|
+
color: var(--kol-fg-64);
|
|
495
|
+
cursor: pointer;
|
|
496
|
+
transition: color 150ms ease, background 150ms ease;
|
|
497
|
+
}
|
|
498
|
+
|
|
499
|
+
.kol-codeblock-copy:hover {
|
|
500
|
+
color: var(--kol-surface-on-primary);
|
|
501
|
+
background: var(--kol-fg-16);
|
|
502
|
+
}
|
|
@@ -55,8 +55,8 @@
|
|
|
55
55
|
background:
|
|
56
56
|
linear-gradient(to right, var(--kol-surface-primary) 40%, transparent) left / 32px 100%,
|
|
57
57
|
linear-gradient(to left, var(--kol-surface-primary) 40%, transparent) right / 32px 100%,
|
|
58
|
-
linear-gradient(to right, var(--kol-fg-
|
|
59
|
-
linear-gradient(to left, var(--kol-fg-
|
|
58
|
+
linear-gradient(to right, var(--kol-fg-08), transparent) left / 10px 100%,
|
|
59
|
+
linear-gradient(to left, var(--kol-fg-08), transparent) right / 10px 100%;
|
|
60
60
|
background-repeat: no-repeat;
|
|
61
61
|
background-attachment: local, local, scroll, scroll;
|
|
62
62
|
}
|
package/kol-type-roles.css
CHANGED
|
@@ -78,9 +78,9 @@
|
|
|
78
78
|
.kol-prose pre,
|
|
79
79
|
.kol-doc-code {
|
|
80
80
|
font-family: var(--kol-font-family-mono);
|
|
81
|
-
font-size: 14px;
|
|
81
|
+
font-size: 14px; /* matches CodeBlock's reference voice (14/1.6) */
|
|
82
82
|
font-weight: 400;
|
|
83
|
-
line-height:
|
|
83
|
+
line-height: 1.6;
|
|
84
84
|
padding: 16px 20px;
|
|
85
85
|
background: var(--kol-fg-04);
|
|
86
86
|
border-radius: var(--kol-radius-sm);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kolkrabbi/kol-theme",
|
|
3
|
-
"version": "0.11.
|
|
3
|
+
"version": "0.11.13",
|
|
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",
|