Tailwind CSS

Ruby Static pro uses Tailwind CSS for it styling.

Configuration is located in the tailwind.config.js file.

The main css file is the /source/stylesheets/site.css file. In this file you will find the Tailwind imports and cusom CSS for the site.

Tailwind CSS Build Process

Ruby Static Pro uses the Tailwind CLI via Middleman’s external pipeline command.

You can view this configuration in the config.rb file.

Upon build, tailwwind will output the built css file.

During development tailwind css will watch for any changes and recompile the css so you can quickly iterate on your site. This is done via the --watch switch. View the config.rb file for more info on the setup.