A (slightly opinionated) TailwindCSS scaffold.
- Clone this repository
npm install
- Edit
index.html
as needed using TailwindCSS classes - Add any custom CSS content in
src/css/styles.css
npm run tailwind:dev
starts a watcher and re-buildsdist/web.css
whensrc/css/styles.css
is changed
npm run tailwind:prod
buildsdist/web.css
once (ensuring all style names not found onindex.html
are purged)
- https://github.com/postcss/postcss-import
- https://github.com/postcss/postcss-nested
- https://github.com/cssnano/cssnano - runs only when
NODE_ENV=prod
- https://github.com/postcss/autoprefixer
- https://tailwindcss.com/docs/customizing-colors - The default color palette that comes out-of-the-box
- https://tailwindcss.com/docs/breakpoints - The default breakpoints
- https://nerdcave.com/tailwind-cheat-sheet - A lovely cheatsheet
- https://tailwindcss.com/docs/adding-base-styles - Base styles
- https://tailwindcss.com/docs/flex - Flextastic stuff