/tailpress

TailPress is a minimal boilerplate theme for WordPress using Tailwind CSS and Laravel Mix.

Primary LanguagePHPGNU General Public License v2.0GPL-2.0

Laravel Mix

Introduction

TailPress is a minimal boilerplate theme for WordPress using TailwindCSS, with PostCSS and Laravel Mix.

Getting started

  • Clone repo git clone https://github.com/jeffreyvr/tailpress.git && cd tailpress
  • Run rm -rf .git to remove git
  • Run npm install
  • Run npm run development
  • Run npm run watch to start developing

You will find the editable CSS and Javascript files within the /resources folder.

Before you use your theme in production, make sure you run npm run production.

Block editor support

TailPress comes with basic support for the block editor.

CSS-classes for alignment, background and text colors will be generated automatically. You can modify this within the tailwind.config.js file.

To make the editing experience within the block editor more in line with the front end styling, a editor-style.css is generated.

Define theme colors

Four colors (primary, secondary, dark and light) are defined from the beginning. You can modify the colors in tailpress.json.

Define theme font sizes

You can modify the font sizes within tailpress.json.

JIT

Tailwind CSS JIT is used to allow for fast compiling.

PurgeCSS

By default, PurgeCSS is enabled. You can modify or disable it by changing the settings in the tailwind.config.js file. There are several PurgeCSS options.

Links

Contributors

License

GNU GPL version 2. Please see the License File for more information.