@kolkrabbi/kol-theme 0.34.0 → 0.35.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 +3 -1
- package/kol-utilities.css +33 -0
- package/package.json +1 -1
package/kol-typography.css
CHANGED
|
@@ -912,7 +912,9 @@
|
|
|
912
912
|
.kol-sans-heading-04 {
|
|
913
913
|
font-family: var(--kol-font-family-sans-compact);
|
|
914
914
|
font-size: var(--kol-text-heading-04);
|
|
915
|
-
|
|
915
|
+
/* 120% — was 100%, the one dip in the 110/110/120/x/125 ramp; 24px H4
|
|
916
|
+
* set solid, tighter than the 64px H1 (user ruling 2026-08-12). */
|
|
917
|
+
line-height: 120%;
|
|
916
918
|
font-weight: 500;
|
|
917
919
|
}
|
|
918
920
|
|
package/kol-utilities.css
CHANGED
|
@@ -90,3 +90,36 @@
|
|
|
90
90
|
.hide-number-spinners {
|
|
91
91
|
-moz-appearance: textfield;
|
|
92
92
|
}
|
|
93
|
+
|
|
94
|
+
/* Link underline — the animated hover affordance: draws in left→right on
|
|
95
|
+
* hover/focus, retracts right→left on leave (transform-origin swap, not a
|
|
96
|
+
* fade). Line is currentColor so it rides the text at any scale. Minted from
|
|
97
|
+
* kol-website's animations.css (NavLinkUnderline, 2026-08-12); DS version
|
|
98
|
+
* adds :focus-visible parity and reduced-motion handling.
|
|
99
|
+
* Thickness knob: --kol-link-underline-size (2px default — fine at mono-14,
|
|
100
|
+
* a heading-01 link may want 3px). */
|
|
101
|
+
.kol-link-underline {
|
|
102
|
+
position: relative;
|
|
103
|
+
}
|
|
104
|
+
.kol-link-underline::after {
|
|
105
|
+
content: '';
|
|
106
|
+
position: absolute;
|
|
107
|
+
left: 0;
|
|
108
|
+
bottom: -2px;
|
|
109
|
+
width: 100%;
|
|
110
|
+
height: var(--kol-link-underline-size, 2px);
|
|
111
|
+
background-color: currentColor;
|
|
112
|
+
transform-origin: bottom right;
|
|
113
|
+
transform: scaleX(0);
|
|
114
|
+
transition: transform 300ms cubic-bezier(0.65, 0.05, 0.36, 1);
|
|
115
|
+
}
|
|
116
|
+
.kol-link-underline:hover::after,
|
|
117
|
+
.kol-link-underline:focus-visible::after {
|
|
118
|
+
transform-origin: bottom left;
|
|
119
|
+
transform: scaleX(1);
|
|
120
|
+
}
|
|
121
|
+
@media (prefers-reduced-motion: reduce) {
|
|
122
|
+
.kol-link-underline::after {
|
|
123
|
+
transition: none;
|
|
124
|
+
}
|
|
125
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kolkrabbi/kol-theme",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.35.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",
|