- 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)
27 lines
934 B
CSS
27 lines
934 B
CSS
/* ASW — Agentic Semantic Web Framework
|
|
* Entry point: Native CSS tokens + ASW layer stack
|
|
* No OpenProps. No PostCSS imports needed.
|
|
*
|
|
* tokens.css must come first — all layers depend on its custom properties
|
|
* and custom media queries.
|
|
*
|
|
* NOTE: ALL @import statements must come first in CSS.
|
|
* Any rule or declaration before an @import invalidates subsequent @imports.
|
|
*/
|
|
|
|
/* 1. Native CSS token system (replaces OpenProps foundation) */
|
|
@import "./tokens.css";
|
|
|
|
/* 2. Framework layers */
|
|
@import "./layers/00-reset.css";
|
|
@import "./layers/02-typography.css";
|
|
@import "./layers/03-landmarks.css";
|
|
@import "./layers/04-forms.css";
|
|
@import "./layers/05-components.css";
|
|
@import "./layers/06-navigation.css";
|
|
@import "./layers/07-data-attrs.css";
|
|
@import "./layers/08-utilities.css";
|
|
@import "./layers/09-charts.css";
|
|
@import "./layers/10-chroma.css";
|
|
@import "./layers/11-layout.css";
|
|
@import "./layers/12-landing.css";
|