Jekyll + Tailwind CSS

Minimal Jekyll and Tailwind CSS starter repo without long live-reload render times.

You want to run jekyll new your-site --blank and add Tailwind CSS yourself, right? Don’t. Fork this repo instead.

Responsive demo (resize your window and watch it adjust)

Check out the accompanying blog post for more.

Getting Started

git clone git@github.com:stefcoetzee/jekyll-tailwind your-site
cd your-site
bin/setup

Usage

Development

# Make all Tailwind utility classes available for development.
bin/build-dev

# Start a live-reload server at http://localhost:4000, skipping file with Tailwind
# @import statements during regeneration.
bin/start

Production

Delete .site and it’s contents to see the production build output.

# Purge unused classes.
bin/build-prod

Credit

Thanks to @shafy for sharing the two config-file approach here. Thanks to @joemasilotti for sharing his build scripts here.

Say hi @stef_coetzee!