Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More

elm-tailwind-css

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

elm-tailwind-css

Use Tailwind CSS with Elm


Version published
Maintainers
1
Created
Issues
1

🌳 Use Tailwind CSS with Elm.

Generates an Elm module with functions for all your CSS selectors
and the ones from Tailwind. For the production build it filters
out all the unused selectors and minifies the css file.

In other words, pretty much a CLI for monty5811/postcss-elm-tailwind
and FullHuman/purgecss, plus CSS minifying.

Usage

npm install elm-tailwind-css --save-dev
npx etc --help

# Make a CSS build with all the Tailwind stuff
# and generate the Elm module
npx etc Sheet.css
  --config tailwind.config.js
  --elm-path Tailwind.elm
  --output build/sheet.css

# Make a minified & purged CSS build
NODE_ENV=production npx etc Sheet.css
  --config tailwind.config.js
  --output build/sheet.css

  --purge-content ./build/**/*.html
  --purge-content ./build/app.js

See the demo directory in this repo for more details.

FAQs

Package last updated on 25 Jul 2020

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts