@kolkrabbi/kol-theme 0.11.14 → 0.11.16
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 +19 -18
- package/kol-type-roles.css +4 -1
- package/package.json +1 -1
|
@@ -473,36 +473,37 @@
|
|
|
473
473
|
overflow-x: auto;
|
|
474
474
|
}
|
|
475
475
|
|
|
476
|
-
/* 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). */
|
|
477
478
|
.kol-codeblock-filename {
|
|
478
|
-
font-family: var(--kol-font-family-mono
|
|
479
|
-
font-size:
|
|
480
|
-
font-weight:
|
|
481
|
-
letter-spacing: 0.
|
|
479
|
+
font-family: var(--kol-font-family-mono);
|
|
480
|
+
font-size: 11px;
|
|
481
|
+
font-weight: 500;
|
|
482
|
+
letter-spacing: 0.05em;
|
|
482
483
|
text-transform: uppercase;
|
|
483
|
-
color: var(--kol-
|
|
484
|
-
margin-
|
|
484
|
+
color: color-mix(in srgb, var(--kol-surface-on-primary) 40%, transparent);
|
|
485
|
+
margin-block-end: 0.75rem;
|
|
485
486
|
}
|
|
486
487
|
|
|
487
|
-
/*
|
|
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. */
|
|
488
490
|
.kol-codeblock-copy {
|
|
489
491
|
position: absolute;
|
|
490
|
-
top:
|
|
491
|
-
right:
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
display: inline-flex;
|
|
492
|
+
top: 0.75rem;
|
|
493
|
+
right: 0.75rem;
|
|
494
|
+
padding: 0.5rem;
|
|
495
|
+
display: flex;
|
|
495
496
|
align-items: center;
|
|
496
497
|
justify-content: center;
|
|
497
|
-
background: var(--kol-
|
|
498
|
+
background: color-mix(in srgb, var(--kol-surface-on-primary) 2%, transparent);
|
|
498
499
|
border: none;
|
|
499
|
-
border-radius:
|
|
500
|
-
color: var(--kol-
|
|
500
|
+
border-radius: 4px;
|
|
501
|
+
color: color-mix(in srgb, var(--kol-surface-on-primary) 72%, transparent);
|
|
501
502
|
cursor: pointer;
|
|
502
|
-
transition:
|
|
503
|
+
transition: all 0.15s;
|
|
503
504
|
}
|
|
504
505
|
|
|
505
506
|
.kol-codeblock-copy:hover {
|
|
507
|
+
background: color-mix(in srgb, var(--kol-surface-on-primary) 8%, transparent);
|
|
506
508
|
color: var(--kol-surface-on-primary);
|
|
507
|
-
background: var(--kol-fg-16);
|
|
508
509
|
}
|
package/kol-type-roles.css
CHANGED
|
@@ -53,12 +53,14 @@
|
|
|
53
53
|
color: var(--kol-fg-emphasis);
|
|
54
54
|
}
|
|
55
55
|
|
|
56
|
-
/* lede — the descriptive paragraph under a heading.
|
|
56
|
+
/* lede — the descriptive paragraph under a heading. +0.02em = the prose
|
|
57
|
+
* reading-voice tracking for Right Grotesk (parity with .kol-prose). */
|
|
57
58
|
.kol-doc-lede {
|
|
58
59
|
font-family: var(--kol-font-family-sans);
|
|
59
60
|
font-size: var(--kol-text-body-01);
|
|
60
61
|
line-height: 160%;
|
|
61
62
|
font-weight: 400;
|
|
63
|
+
letter-spacing: 0.02em;
|
|
62
64
|
color: var(--kol-fg-body);
|
|
63
65
|
max-width: 65ch;
|
|
64
66
|
}
|
|
@@ -69,6 +71,7 @@
|
|
|
69
71
|
font-size: var(--kol-text-body-02);
|
|
70
72
|
line-height: 160%;
|
|
71
73
|
font-weight: 400;
|
|
74
|
+
letter-spacing: 0.02em;
|
|
72
75
|
color: var(--kol-fg-body);
|
|
73
76
|
}
|
|
74
77
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kolkrabbi/kol-theme",
|
|
3
|
-
"version": "0.11.
|
|
3
|
+
"version": "0.11.16",
|
|
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",
|