@kolkrabbi/kol-theme 0.11.1 → 0.11.3
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-color.css +8 -5
- package/kol-components-chess.css +4 -2
- package/package.json +1 -1
package/kol-color.css
CHANGED
|
@@ -105,13 +105,16 @@
|
|
|
105
105
|
* ============================================================================= */
|
|
106
106
|
|
|
107
107
|
/* =============================================================================
|
|
108
|
-
*
|
|
109
|
-
*
|
|
110
|
-
* (
|
|
108
|
+
* LINK COLOR — OPT-IN, never global. The old bare `a { color }` rule painted
|
|
109
|
+
* every anchor in every consumer and out-ranked chrome on two axes: `a:hover`
|
|
110
|
+
* (0,1,1) beats any single utility class, and an unlayered theme import beats
|
|
111
|
+
* whole `layer(...)` chrome sheets regardless of specificity. Chrome owns its
|
|
112
|
+
* anchor colors; content links are `.kol-prose a` (inherit + underline).
|
|
113
|
+
* Blue is a choice: add `.kol-link` at the call site.
|
|
111
114
|
* ============================================================================= */
|
|
112
115
|
|
|
113
|
-
|
|
114
|
-
|
|
116
|
+
.kol-link { color: var(--kol-link); }
|
|
117
|
+
.kol-link:hover { color: var(--kol-link-hover); }
|
|
115
118
|
|
|
116
119
|
/* =============================================================================
|
|
117
120
|
* CONTEXT-AWARE SURFACE INVERSE
|
package/kol-components-chess.css
CHANGED
|
@@ -45,10 +45,12 @@
|
|
|
45
45
|
* the largest that fits both the column width and the viewport minus the
|
|
46
46
|
* stage chrome. Mobile budget is bigger (strip + transport + notation min). */
|
|
47
47
|
.chess-board--fluid {
|
|
48
|
-
|
|
48
|
+
/* height-fenced, no hard px cap (0.11.2): the board fills its column up to
|
|
49
|
+
* what fits the viewport height; reserve = consumer chrome above+below,
|
|
50
|
+
* same knob the stage cap reads (--chess-stage-reserve, chess 0.5.1) */
|
|
51
|
+
width: min(100%, calc(100dvh - var(--chess-stage-reserve, 200px)));
|
|
49
52
|
height: auto;
|
|
50
53
|
aspect-ratio: 1;
|
|
51
|
-
max-width: 760px;
|
|
52
54
|
min-width: 280px;
|
|
53
55
|
}
|
|
54
56
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kolkrabbi/kol-theme",
|
|
3
|
-
"version": "0.11.
|
|
3
|
+
"version": "0.11.3",
|
|
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",
|