Tailwind

Designsystemet har en egen tailwind-config for lettere bruk av alle våre tokens. Selve configen er auto-generert basert på tokens i @navikt/ds-tokens pakken.

Bruk

Basert på hvordan du tar i bruk tailwind kan du legge til @navikt/ds-tailwind som en preset i tailwind.config.* filen din.

Det går dessverre ikke å bruke Tailwind + vår preset med CDN for eks prototyping rett i HTML, men er relativt enkelt å sette opp med postcss slik tailwind har dokumentert .

Config

Merk at color ikke extender tailwind config og overskriver da tailwind sine standard-farger. Configen blir manuelt oppdatert her så kan hende den ikke er i synk. Nyeste oppdaterte versjon kan finnes på jsdelivery .