@statisticsnorway/design-css

This package provides the main CSS entry point for applications built with SSB's design system.

It includes:

• Digdir's base CSS (@digdir/designsystemet-css)
• SSB theme (@statisticsnorway/design-css/theme)
• Roboto font definitions

Installation

npm install @statisticsnorway/design-css

Usage

Import base CSS and theme once in your application entry file (e.g. main.tsx):

import '@statisticsnorway/design-css'
import '@statisticsnorway/design-css/theme'

Or in CSS:

@import '@statisticsnorway/design-css';
@import '@statisticsnorway/design-css/theme.css';

Fonts

The Roboto font is defined but not applied globally. To use it across your application, add the following to your global styles:

body {
  font-family: var(--ds-font-family);
}

The included Roboto font files are licensed under Apache License 2.0. See LICENSE-ROBOTO for details.

Status

🚧 Under active development.