@ks-digital/designsystem-themes 0.0.1-alpha.65 → 0.0.1-alpha.67
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 +6 -6
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -32,19 +32,19 @@ Import [theme].tailwind.css to get Tailwind util-classes for Designsystemet-toke
|
|
|
32
32
|
|
|
33
33
|
> The `@layer` declaration on the first line controls cascade priority — later layers win.
|
|
34
34
|
> The recommended order places `ds` and `ksd` above Tailwind so design system styles take precedence.
|
|
35
|
-
> If you need Tailwind utilities to override component styles, move `
|
|
35
|
+
> If you need Tailwind utilities to override component styles, move `utilities` after `ksd` —
|
|
36
36
|
> but be aware that overriding component internals may break with future releases.
|
|
37
37
|
|
|
38
38
|
```css
|
|
39
|
-
@layer
|
|
39
|
+
@layer theme, base, utilities, ds, ksd;
|
|
40
40
|
|
|
41
41
|
@import url('@ks-digital/designsystem-themes/base.css');
|
|
42
42
|
@import url('@ks-digital/designsystem-themes/ksdigital.css');
|
|
43
43
|
|
|
44
|
-
@import 'tailwindcss/theme.css' layer(
|
|
45
|
-
@import 'tailwindcss/preflight.css' layer(
|
|
46
|
-
@import 'tailwindcss/utilities.css' layer(
|
|
47
|
-
@import '@ks-digital/designsystem-themes/ksdigital.tailwind.css' layer(
|
|
44
|
+
@import 'tailwindcss/theme.css' layer(theme);
|
|
45
|
+
@import 'tailwindcss/preflight.css' layer(base);
|
|
46
|
+
@import 'tailwindcss/utilities.css' layer(utilities);
|
|
47
|
+
@import '@ks-digital/designsystem-themes/ksdigital.tailwind.css' layer(theme);
|
|
48
48
|
```
|
|
49
49
|
|
|
50
50
|
### In JavaScript/TypeScript Files
|