vscode-tailwind-magic

English | 简体中文

🌈 This vscode plugin is to solve tailwindcss syntax usage is not particularly comfortable, it can bring you the ultimate development experience and development efficiency.

〽️ Tip: If there are any abnormalities after the automatic update, you can uninstall and reinstall it.

💪 Current processing type

• calc
• rgb[a]
• px|rem|em|%|vw|vh
• simple preset
• w|h|gap|m|mt|mr|mb|ml|p|pt|pr|pb|pl|b|bt|br|bb|bl|lh|top|right|bottom|left
• w1! -> !w-1
• maxw10px -> max-w-[10px]
• gapx10px -> gap-x-[10px]
• translatex50% -> translate-x-[50%]
• -translatex50% -> -translate-x-[50%]
• text-[red,hover:pink,2xl,lg:hover:3xl] -> text-red hover:text-pink text-2xl lg:hover:text-3xl
• flex-center -> flex justify-center items-center
• col -> flex flex-col
• eclipse -> text-ellipsis whitespace-nowrap overflow-hidden
• pointer -> cursor-pointer
• ma -> m-auto
• text10rpx -> text-[length:10rpx]

:coffee:

buy me a cup of coffee

License

MIT