Tailwind CSS Transpiler

Installation

Install via the Atom Marketplace →

Features

Transpile tailwind files

Transpile tailwind CSS/SCSS files On Save.

Autoprefix

Add vendor prefixes to your CSS.

SCSS supported

Get the features provided by SCSS with .tailwind.scss

Optimize CSS

Optimize CSS using clean-css.

Requirements

Tailwind CSS Transpiler works only with .tailwind.css or .tailwind.scss files.

Settings

tailwindcss-transpiler.minifyOutputFile

Controls whether the exported CSS should be compressed.Default: false

{
  "tailwindcss-transpiler.minifyOutputFile": true
}

tailwindcss-transpiler.savePath

The path to store transpiled CSS.Default: null Set the path relative from workspace root.

{
  "tailwindcss-transpiler.savePath": "public/css"
}

tailwindcss-transpiler.tailwindConfigPath

The path for tailwind configuration file. Default: tailwind.config.js Set the path relative from workspace root.

{
  "tailwindcss-transpiler.tailwindConfigPath": "config/tailwind.js"
}

tailwindcss-transpiler.browsersList

This setting controls the target browsers.See Browserslist docs for available queries. Default:[ "> 1%", "last 2 versions" ]

{
  "tailwindcss-transpiler.browsersList": ["last 1 version", "> 1%", "ie 10"]
}

If you found any bug or if you have any suggestion , feel free to report or suggest me.You can contact me on Twitter.