@kolkrabbi/kol-theme 0.11.13 → 0.11.15
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 +30 -23
- package/package.json +1 -1
|
@@ -459,44 +459,51 @@
|
|
|
459
459
|
}
|
|
460
460
|
|
|
461
461
|
.kol-codeblock {
|
|
462
|
+
/* verbatim from the reference build's rule (user DevTools, 2026-07-28) */
|
|
463
|
+
background: var(--kol-surface-tertiary);
|
|
464
|
+
border: 1px solid var(--kol-border-default);
|
|
465
|
+
font-family: var(--kol-font-family-mono);
|
|
466
|
+
white-space: pre-wrap;
|
|
467
|
+
overflow-wrap: break-word;
|
|
468
|
+
border-radius: 4px;
|
|
469
|
+
padding: 1rem;
|
|
470
|
+
font-size: 14px;
|
|
471
|
+
line-height: 1.6;
|
|
462
472
|
position: relative;
|
|
463
|
-
|
|
464
|
-
border: 1px solid var(--kol-fg-16);
|
|
465
|
-
border-radius: var(--kol-radius-sm);
|
|
466
|
-
background: var(--kol-fg-04);
|
|
467
|
-
overflow: hidden;
|
|
473
|
+
overflow-x: auto;
|
|
468
474
|
}
|
|
469
475
|
|
|
470
|
-
/* the ONE chip — filename if present, else the language. In-flow above the
|
|
476
|
+
/* the ONE chip — filename if present, else the language. In-flow above the
|
|
477
|
+
* code. VERBATIM from the live reference build (index-Bro9Jnn6.css). */
|
|
471
478
|
.kol-codeblock-filename {
|
|
472
|
-
font-family: var(--kol-font-family-mono
|
|
473
|
-
font-size:
|
|
474
|
-
font-weight:
|
|
475
|
-
letter-spacing: 0.
|
|
479
|
+
font-family: var(--kol-font-family-mono);
|
|
480
|
+
font-size: 11px;
|
|
481
|
+
font-weight: 500;
|
|
482
|
+
letter-spacing: 0.05em;
|
|
476
483
|
text-transform: uppercase;
|
|
477
|
-
color: var(--kol-
|
|
478
|
-
margin-
|
|
484
|
+
color: color-mix(in srgb, var(--kol-surface-on-primary) 40%, transparent);
|
|
485
|
+
margin-block-end: 0.75rem;
|
|
479
486
|
}
|
|
480
487
|
|
|
481
|
-
/*
|
|
488
|
+
/* icon copy button — VERBATIM from the live reference build: 16px icon +
|
|
489
|
+
* 0.5rem padding = the 32×32 box, offset 0.75rem into the 1rem pad. */
|
|
482
490
|
.kol-codeblock-copy {
|
|
483
491
|
position: absolute;
|
|
484
|
-
top:
|
|
485
|
-
right:
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
display: inline-flex;
|
|
492
|
+
top: 0.75rem;
|
|
493
|
+
right: 0.75rem;
|
|
494
|
+
padding: 0.5rem;
|
|
495
|
+
display: flex;
|
|
489
496
|
align-items: center;
|
|
490
497
|
justify-content: center;
|
|
491
|
-
background: var(--kol-
|
|
498
|
+
background: color-mix(in srgb, var(--kol-surface-on-primary) 2%, transparent);
|
|
492
499
|
border: none;
|
|
493
|
-
border-radius:
|
|
494
|
-
color: var(--kol-
|
|
500
|
+
border-radius: 4px;
|
|
501
|
+
color: color-mix(in srgb, var(--kol-surface-on-primary) 72%, transparent);
|
|
495
502
|
cursor: pointer;
|
|
496
|
-
transition:
|
|
503
|
+
transition: all 0.15s;
|
|
497
504
|
}
|
|
498
505
|
|
|
499
506
|
.kol-codeblock-copy:hover {
|
|
507
|
+
background: color-mix(in srgb, var(--kol-surface-on-primary) 8%, transparent);
|
|
500
508
|
color: var(--kol-surface-on-primary);
|
|
501
|
-
background: var(--kol-fg-16);
|
|
502
509
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kolkrabbi/kol-theme",
|
|
3
|
-
"version": "0.11.
|
|
3
|
+
"version": "0.11.15",
|
|
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",
|