@decantr/css 1.0.1 → 1.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 +2 -0
- package/dist/index.js +6 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -119,6 +119,7 @@ Mobile-first breakpoints: `_sm:` (640px), `_md:` (768px), `_lg:` (1024px), `_xl:
|
|
|
119
119
|
When you scaffold a project with `@decantr/cli`, it generates:
|
|
120
120
|
|
|
121
121
|
- `src/styles/tokens.css` - Theme tokens (colors, spacing, radii)
|
|
122
|
+
- `src/styles/treatments.css` - Visual treatment classes (interactive, surface, data, control, section, annotation)
|
|
122
123
|
- `src/styles/decorators.css` - Recipe decorator classes
|
|
123
124
|
|
|
124
125
|
Import these alongside @decantr/css:
|
|
@@ -126,6 +127,7 @@ Import these alongside @decantr/css:
|
|
|
126
127
|
```js
|
|
127
128
|
import { css } from '@decantr/css';
|
|
128
129
|
import './styles/tokens.css';
|
|
130
|
+
import './styles/treatments.css';
|
|
129
131
|
import './styles/decorators.css';
|
|
130
132
|
```
|
|
131
133
|
|
package/dist/index.js
CHANGED
|
@@ -77,6 +77,8 @@ var DIRECT = {
|
|
|
77
77
|
minh0: "min-height:0",
|
|
78
78
|
maxwfull: "max-width:100%",
|
|
79
79
|
maxhfull: "max-height:100%",
|
|
80
|
+
mw640: "max-width:40rem",
|
|
81
|
+
mw480: "max-width:30rem",
|
|
80
82
|
// Overflow
|
|
81
83
|
overhidden: "overflow:hidden",
|
|
82
84
|
overauto: "overflow:auto",
|
|
@@ -104,6 +106,8 @@ var DIRECT = {
|
|
|
104
106
|
fontsemi: "font-weight:600",
|
|
105
107
|
fontbold: "font-weight:700",
|
|
106
108
|
fontextrabold: "font-weight:800",
|
|
109
|
+
// Font family
|
|
110
|
+
fontmono: "font-family:var(--d-font-mono,ui-monospace,monospace)",
|
|
107
111
|
// Font style
|
|
108
112
|
italic: "font-style:italic",
|
|
109
113
|
notitalic: "font-style:normal",
|
|
@@ -341,6 +345,8 @@ var COLOR_ATOMS = {
|
|
|
341
345
|
bgsurface0: "background:var(--d-surface-0,var(--d-bg))",
|
|
342
346
|
bgsurface1: "background:var(--d-surface-1,var(--d-surface))",
|
|
343
347
|
bgsurface2: "background:var(--d-surface-2,var(--d-surface-raised))",
|
|
348
|
+
bgsurf: "background:var(--d-surface)",
|
|
349
|
+
bgsurfraised: "background:var(--d-surface-raised)",
|
|
344
350
|
bgmuted: "background:var(--d-muted,var(--d-surface))",
|
|
345
351
|
bgbg: "background:var(--d-bg)",
|
|
346
352
|
bgtransparent: "background:transparent",
|