@kolkrabbi/kol-theme 0.124.0 → 0.125.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-typography.css +19 -7
- package/package.json +1 -1
package/kol-typography.css
CHANGED
|
@@ -1013,13 +1013,25 @@
|
|
|
1013
1013
|
margin: 0 0 16px;
|
|
1014
1014
|
}
|
|
1015
1015
|
|
|
1016
|
-
/* Display scale — D1 (hero), D2 (sub-hero), D3 (chapter title / .kol-prose-title alias).
|
|
1016
|
+
/* Display scale — D1 (hero), D2 (sub-hero), D3 (chapter title / .kol-prose-title alias).
|
|
1017
|
+
*
|
|
1018
|
+
* ON THE LADDER, NOT FIXED (ProseTitleFixedSize, kol-website 2026-09-01): these
|
|
1019
|
+
* three were the only display steps with no responsive rung — `.kol-prose-title`
|
|
1020
|
+
* set a real article title to four lines of 56px at 390 and spent the fold
|
|
1021
|
+
* before the first word of body. Each now reads the display token whose DESKTOP
|
|
1022
|
+
* value it already was (80 → display-01, 64 → display-tight-01, 56 → display-02),
|
|
1023
|
+
* CAPPED at that value with `min()`: below 768 they take the ladder's mobile step
|
|
1024
|
+
* (56 · 48 · 44), and from 768 up they are pixel-identical to before — the
|
|
1025
|
+
* ladder's third rung (96 · 72 · 64 at 1280) is deliberately not taken, a prose
|
|
1026
|
+
* title at 64 was never the design. Line-heights became the same ratios
|
|
1027
|
+
* (1 · 1.0625 · 1.07) so the leading follows the size. The ramp lives in the
|
|
1028
|
+
* token, as the ticket asked; the ceiling stays where the design was. */
|
|
1017
1029
|
|
|
1018
1030
|
.kol-prose-display {
|
|
1019
1031
|
font-family: var(--kol-font-family-sans-narrow);
|
|
1020
|
-
font-size: 80px;
|
|
1032
|
+
font-size: min(var(--kol-text-display-01), 80px);
|
|
1021
1033
|
font-weight: 500;
|
|
1022
|
-
line-height:
|
|
1034
|
+
line-height: 1;
|
|
1023
1035
|
letter-spacing: -0.01em;
|
|
1024
1036
|
color: var(--kol-surface-on-primary);
|
|
1025
1037
|
margin: 0 0 24px;
|
|
@@ -1027,9 +1039,9 @@
|
|
|
1027
1039
|
|
|
1028
1040
|
.kol-prose-display-md {
|
|
1029
1041
|
font-family: var(--kol-font-family-sans-narrow);
|
|
1030
|
-
font-size: 64px;
|
|
1042
|
+
font-size: min(var(--kol-text-display-tight-01), 64px);
|
|
1031
1043
|
font-weight: 500;
|
|
1032
|
-
line-height:
|
|
1044
|
+
line-height: 1.0625;
|
|
1033
1045
|
letter-spacing: -0.01em;
|
|
1034
1046
|
color: var(--kol-surface-on-primary);
|
|
1035
1047
|
margin: 0 0 24px;
|
|
@@ -1037,9 +1049,9 @@
|
|
|
1037
1049
|
|
|
1038
1050
|
.kol-prose-title {
|
|
1039
1051
|
font-family: var(--kol-font-family-sans-narrow);
|
|
1040
|
-
font-size: 56px;
|
|
1052
|
+
font-size: min(var(--kol-text-display-02), 56px);
|
|
1041
1053
|
font-weight: 500;
|
|
1042
|
-
line-height:
|
|
1054
|
+
line-height: 1.07;
|
|
1043
1055
|
letter-spacing: -0.01em;
|
|
1044
1056
|
color: var(--kol-surface-on-primary);
|
|
1045
1057
|
margin: 0 0 24px;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kolkrabbi/kol-theme",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.125.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",
|