@dev-dga/css

CSS for the DGA (Digital Government Authority) design system , reset, custom properties, dark theme, and per-component styles. Plain CSS in cascade layers (@layer ddga-base, ddga-components); no JS runtime.

Pairs with @dev-dga/react, but works with any framework or none.

Install

npm install @dev-dga/css

Usage

Import once at your app entry:

import '@dev-dga/css';

That bundles the reset, variables, dark theme rule, and every component's styles. To cherry-pick instead:

import '@dev-dga/css/variables.css';
import '@dev-dga/css/reset.css';
import '@dev-dga/css/dark.css';
import '@dev-dga/css/components/button.css';

Theming is driven by data-theme="light|dark" and dir="ltr|rtl" on a container element. @dev-dga/react's <DgaProvider> sets both for you.

Docs

Live Storybook · Source

License

MIT