@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)
• Roboto font definitions
• SSB-specific CSS overrides

This package is intended to be used together with @statisticsnorway/design-theme.

Installation

npm install @statisticsnorway/design-css @statisticsnorway/design-theme

Usage

Import both packages once in your application entry file:

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

Or in CSS:

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

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.