This project is a utility for generating a Tailwind CSS configuration object based on the GovConnex Figma token theme objects. Tailwind CSS is a utility-first CSS framework for rapidly building custom user interfaces. This utility is suitable for use in non-React projects, such as static HTML sites where want to use the same theme tokens as in the UI library.
You need to have Node.js and npm installed on your machine.
npm i --save-dev @govconnex/ui-tailwind tailwindcss
In the CLI:
npx tailwindcss -c node_modules/@govconnex/ui-tailwind/tailwind.config.js -i node_modules/@govconnex/ui-tailwind/tailwind-theme.css
- Border width (
px
) - Icon size (
em
) - Inline with text. - Margin for typography (
rem
) - Padding for typography (
em
) - Font size (
rem
or%
) - Line height (
em
orrem
)