@lexydesign/designsystem 0.1.0 → 0.1.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/README.md +1 -1
- package/dist/globals.css +4 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -25,7 +25,7 @@ The components use Tailwind utility classes + design-token CSS variables. In you
|
|
|
25
25
|
|
|
26
26
|
> The `@source` line points Tailwind at our compiled JS so it can scan the class names we use and emit exactly those utilities. Adjust the relative path to your CSS file's location.
|
|
27
27
|
|
|
28
|
-
Geist
|
|
28
|
+
`globals.css` does not load remote webfonts. Load Geist in the consuming app with a `<link>` tag, `next/font`, or `@fontsource/geist`; otherwise `--font-base` falls back to `system-ui, sans-serif`. This avoids shipping a remote `@import url()` inside the distributed stylesheet, which can become invalid once your app concatenates CSS after Tailwind.
|
|
29
29
|
|
|
30
30
|
## Usage
|
|
31
31
|
|
package/dist/globals.css
CHANGED
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
/* Geist must be loaded by the app (e.g. a <link> tag, next/font, or @fontsource/geist).
|
|
2
|
+
A remote @import is intentionally NOT shipped here: in a distributed stylesheet it would
|
|
3
|
+
end up after the consumer's Tailwind output, violating the "@import must come first" rule.
|
|
4
|
+
The --font-base token falls back to system-ui until Geist is present. */
|
|
2
5
|
|
|
3
6
|
/* ---- Reset ---- */
|
|
4
7
|
*, *::before, *::after { box-sizing: border-box; }
|