@momoi-labs/kiso 0.7.0 → 0.7.1
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/kiso/README.md +4 -0
- package/kiso/ui.css +3 -2
- package/package.json +1 -1
package/kiso/README.md
CHANGED
|
@@ -73,6 +73,10 @@ npm install @momoi-labs/kiso
|
|
|
73
73
|
```
|
|
74
74
|
|
|
75
75
|
`ui.css` reads tokens as custom properties, so import it after `tokens.css`.
|
|
76
|
+
It does not load fonts: a nested Google Fonts `@import` becomes illegal once a
|
|
77
|
+
bundler flattens `tokens.css` ahead of it. Load Inter and JetBrains Mono from
|
|
78
|
+
the app (`next/font`, a `<link>`, or similar), or import
|
|
79
|
+
`@momoi-labs/kiso-react/styles.css`, which places that `@import` first.
|
|
76
80
|
|
|
77
81
|
## Proposing a change
|
|
78
82
|
|
package/kiso/ui.css
CHANGED
|
@@ -2,10 +2,11 @@
|
|
|
2
2
|
Kiso v2 — component layer (prototype)
|
|
3
3
|
Every value here resolves to a token in tokens.css. No raw hex, no raw px
|
|
4
4
|
for anything a token covers.
|
|
5
|
+
Fonts are not loaded here: a nested @import after tokens.css is illegal once
|
|
6
|
+
bundlers flatten the sheet. Load Inter and JetBrains Mono from the app, or
|
|
7
|
+
via @momoi-labs/kiso-react/styles.css which places the @import first.
|
|
5
8
|
=========================================================================== */
|
|
6
9
|
|
|
7
|
-
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap");
|
|
8
|
-
|
|
9
10
|
*, *::before, *::after { box-sizing: border-box; }
|
|
10
11
|
|
|
11
12
|
html { -webkit-text-size-adjust: 100%; }
|