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 .