Skip to content

Updates your windicss project to use the Attributify syntax

Notifications You must be signed in to change notification settings

wheatjs/windi-convert

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

WindiCSS Attributify Converter

Run

npx @wheatjs/windi-convert 

Warning this is experimental. Backup your project before running this tool.

Example

Input

<input
  id="input"
  type="text"
  class="px-4 py-2 text-sm text-center bg-transparent border border-gray-200 rounded outline-none active:outline-none dark:border-gray-700"
>

Output

<input
  id="input"
  type="text"
  p="x-4 y-2"
  text="sm center"
  bg="transparent"
  border="~ gray-200 rounded dark:gray-700"
  outline="none active:none"
>

About

Updates your windicss project to use the Attributify syntax

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published