{"repo":"nado1001/style-dictionary-tailwindcss-transformer","free":true,"listed":false,"github":"https://github.com/nado1001/style-dictionary-tailwindcss-transformer","clone":"git clone https://github.com/nado1001/style-dictionary-tailwindcss-transformer.git","description":"This is a plugin to generate the config of Tailwind CSS using Style Dictionary","language":"TypeScript","stars":150,"topics":["style-dictionary","design-tokens","tailwindcss","design-system","tailwind"],"license":"Apache-2.0","category":"ui-components","readme_excerpt":"Style Dictionary Tailwind CSS Transformer This is a plugin to generate the config of Tailwind CSS using Style Dictionary. Install Usage Creating configuration file [!WARNING] If you are using v4 of style-dictionary, install v2.1.0 Generate tailwind.config.js by setting type to all . See Creating each theme file if you wish to customize the configuration file with plugin functions, etc. Output: Creating each theme file Create an object for each theme, assuming that various customizations will be made in the configuration file. Import and use the created files in tailwind.config.js . Output: Using CSS custom variables CSS custom variables can be used by setting isVariables to true . In this case, a CSS file must also be generated. Output: Please see Example for details. Options Optional except for type . Attribute Description Type ----------------- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -------------------------------------------------------------------------------------------------------------------------------------- type Set the name of each theme (colors, fontSize, etc.) for 'all' or tailwind. 'all' or string formatType Set the format of the Tailwind CSS configuration file. Default value: js 'js' 'cjs' isVariables Set when using CSS custom variables. Default value: false boolean extend Set to add transformed styles to the 'extend' k","default_branch":null,"files":null,"tree":[],"storefront":"/r/nado1001","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/nado1001/style-dictionary-tailwindcss-transformer/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}