trentuna/asw
8
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

asw-v01: drop OpenProps, native CSS tokens system

Browse source 
- Replace OpenProps (~25KB) with native src/tokens.css (~40 tokens)
- Remove open-props, postcss-import from package.json + postcss.config
- Update main.css: remove @import open-props/*, import ./tokens.css
- Rewrite 01-tokens.css header to reference tokens.css
- All raw OpenProps values (font stacks, sizes, weights, colors,
  easings, durations, shadows, radii, animations, media queries)
  now defined natively in tokens.css
- Build uses cat concat + cssnano (no postcss-import needed)
- Build output: 78KB minified (saved ~24KB from OpenProps removal)
This commit is contained in:
B.A. Baracus 2026-06-07 10:43:34 +02:00
parent e47a9f4401
commit a433b935fa
Signed by: ba
GPG key ID: D52E9C8491872206
16 changed files with 6644 additions and 120 deletions
Download patch file Download diff file Expand all files Collapse all files

10
package.json
View file

@ -2,18 +2,14 @@
"name": "asw",
"private": true,
"scripts": {
"build": "postcss src/main.css -o dist/asw.css",
"build:min": "postcss src/main.css -o dist/asw.min.css"
},
"dependencies": {
"open-props": "^1.7.0"
"build": "cat src/tokens.css src/layers/00-reset.css src/layers/01-tokens.css src/layers/02-typography.css src/layers/03-landmarks.css src/layers/04-forms.css src/layers/05-components.css src/layers/06-navigation.css src/layers/07-data-attrs.css src/layers/08-utilities.css src/layers/09-charts.css src/layers/10-chroma.css src/layers/11-layout.css src/layers/12-landing.css > dist/asw.css && postcss dist/asw.css -o dist/asw.min.css --no-map",
"build:unminified": "cat src/tokens.css src/layers/00-reset.css src/layers/01-tokens.css src/layers/02-typography.css src/layers/03-landmarks.css src/layers/04-forms.css src/layers/05-components.css src/layers/06-navigation.css src/layers/07-data-attrs.css src/layers/08-utilities.css src/layers/09-charts.css src/layers/10-chroma.css src/layers/11-layout.css src/layers/12-landing.css > dist/asw.css"
},
"devDependencies": {
"cssnano": "^7.0.0",
"decap-server": "^3.6.0",
"postcss": "^8.4.0",
"postcss-cli": "^11.0.0",
"postcss-custom-media": "^11.0.0",
"postcss-import": "^16.0.0"
"postcss-custom-media": "^11.0.0"
}
}