@rhavenside/baseline 2.0.0 → 2.0.2
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 +4 -4
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Base-Line Design System
|
|
2
2
|
|
|
3
|
-
A strict, layer-based design system with semantic tokens.
|
|
3
|
+
A strict, layer-based design system with semantic tokens. Features a custom naming convention and token-based theming system.
|
|
4
4
|
|
|
5
5
|
[](https://www.npmjs.com/package/@rhavenside/baseline)
|
|
6
6
|
[](https://opensource.org/licenses/MIT)
|
|
@@ -414,7 +414,7 @@ Dark mode is automatically activated via `prefers-color-scheme`. Additionally, t
|
|
|
414
414
|
Or via data attribute:
|
|
415
415
|
|
|
416
416
|
```html
|
|
417
|
-
<html data-
|
|
417
|
+
<html data-bl-theme="dark">
|
|
418
418
|
```
|
|
419
419
|
|
|
420
420
|
## Theming
|
|
@@ -430,7 +430,7 @@ The system can be extended project-specifically without changing the core:
|
|
|
430
430
|
}
|
|
431
431
|
|
|
432
432
|
.theme-dark,
|
|
433
|
-
[data-
|
|
433
|
+
[data-bl-theme="dark"] {
|
|
434
434
|
--color-surface: #1a1a1a;
|
|
435
435
|
--color-text: #ffffff;
|
|
436
436
|
}
|
|
@@ -469,4 +469,4 @@ See [CONTRIBUTING.md](CONTRIBUTING.md) for the strict contribution rules.
|
|
|
469
469
|
|
|
470
470
|
---
|
|
471
471
|
|
|
472
|
-
Built with ❤️ using
|
|
472
|
+
Built with ❤️ using RFS for responsive typography.
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rhavenside/baseline",
|
|
3
|
-
"version": "2.0.
|
|
4
|
-
"description": "
|
|
3
|
+
"version": "2.0.2",
|
|
4
|
+
"description": "A strict, layer-based design system with semantic tokens",
|
|
5
5
|
"main": "dist/base-line.css",
|
|
6
6
|
"module": "dist/js/index.js",
|
|
7
7
|
"exports": {
|