@dev-dga/css
v1.0.0
Published
CSS for Saudi Arabia's DGA (Digital Government Authority) Platforms Code design system, an independent implementation. Reset, custom properties, dark theme, RTL, and per-component styles in cascade layers. Not affiliated with the DGA.
Maintainers
devdhaifReadme
@dev-dga/css
CSS for the DGA (Digital Government Authority) Platforms Code design system, Saudi Arabia's (KSA) national reference for government digital platforms. An independent implementation. Reset, custom properties, dark theme, RTL/Arabic, and per-component styles. Plain CSS in cascade layers (@layer ddga-base, ddga-components); no JS runtime.
Independent, community-maintained. Not affiliated with or endorsed by the DGA.
Pairs with @dev-dga/react, but works with any framework or none.
Install
npm install @dev-dga/cssUsage
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
License
MIT