A Tailwind CSS plugin for writing with CSS-like class names.
This plugin has the following features.
- Instead of writing code with Tailwind CSS's own class names (like ".text-base"), you can write code with class names that resemble CSS properties, like ".font-size-[16px]".
- Remove default variables such as spacing and colors. Please use arbitrary values as much as possible. If you want to use variables, you can add them in the configuration file.
$ npm install --save-dev tailwindcss-like-css
// tailwind.config.ts
import type { Config } from 'tailwindcss'
const config: Config = {
theme: {
// ...
},
plugins: [
require('tailwindcss-like-css'),
// ...
],
}
export default config
WIP