https://github.com/saadeghi/tailwindcss-postcss-browsersync-boilerplate

Tailwind CSS + PostCSS + BrowserSync boilerplate
https://github.com/saadeghi/tailwindcss-postcss-browsersync-boilerplate

boilerplate browser-sync browsersync postcss starter-kit tailwind tailwind-css tailwindcss

Last synced: about 2 months ago
JSON representation

Tailwind CSS + PostCSS + BrowserSync boilerplate

• Host: GitHub
• URL: https://github.com/saadeghi/tailwindcss-postcss-browsersync-boilerplate
• Owner: saadeghi
• Created: 2020-04-29T18:06:30.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2020-05-19T13:24:03.000Z (over 4 years ago)
• Last Synced: 2024-04-10T04:07:30.954Z (5 months ago)
• Topics: boilerplate, browser-sync, browsersync, postcss, starter-kit, tailwind, tailwind-css, tailwindcss
• Language: JavaScript
• Homepage:
• Size: 47.9 KB
• Stars: 31
• Watchers: 4
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-tailwindcss - PostCSS and Browsersync Boilerplate - Boilerplate using CSS Nano. (Starters & Themes)

README

        
# Tailwind CSS + PostCSS + BrowserSync boilerplate

## 💡 Features

- Tailwind CSS, AutoPrefixer, PurgeCSS and CSSnano configed in PostCSS

- [Optional] automatically download google fonts using get-google-fonts

  

## 🏄‍♀️ How to use

- Use `npm run fonts` to download font files from google fonts to `/assets`

- Use `npm run dev` to generate CSS from `style.tailwind.css` to `/assets`

- Use `npm run prod` to generate CSS and Purge it and Minify it

- Use `npm run watch` to watch for changes and run browser-sync