@digdir/designsystemet-theme

@digdir/designsystemet-theme

This package contains the following predefined Designsystemet themes for use in Digdir.

• digdir
• altinn
• uutilsynet
• portal

Build your own theme on https://theme.designsystemet.no/

Usage

Read the Designsystemet README to get started.

When importing the package make sure to specify which theme. By default digdir is used.

import '@digdir/designsystemet-theme/<theme>.css';

// Digdir theme
import '@digdir/designsystemet-theme';

// Altinn theme
import '@digdir/designsystemet-theme/altinn.css';

CSS

This package adds Designsystemet css variables to your :root {}. You only need to import this once in your application, preferably somewhere in your "root" html.

All variables are prefixed with ds.

import '@digdir/designsystemet-theme/altinn.css';

div {
  padding: var(--ds-size-1);
}