Base theme for Cooperative websites
Visit releases page or get the latest zip.
Releases are generated automatically by CI/CD pipeline every semver compatible git tag. In order to trigger the pipeline, tag the commit you want to release from with the proper next version.
This theme development is based on TailPress
Providing this toolkit:
- Run
npm install - Run
npm run watchto 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.
There are several NPM scripts available. You'll find the full list in the package.json file onder "scripts". A script is executed through the terminal by running npm run script-name.
| Script | Description |
|---|---|
| production | Creates a production (minified) build of app.js, app.css and editor-style.css. |
| dev | Creates a development build of app.js, app.css and editor-style.css. |
| watch | Runs several watch scripts concurrently. |
| watch-sync | Runs several watch scripts concurrently and starts browser-sync. |
TailPress provides support for the block editor.
A basic setup for theme.json is included. This also means that you need to at least use WordPress 5.8.
CSS-classes for alignment (full, wide etc.) are generated automatically. You can opt-out on this by removing the plugin from 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.
Several colors and font sizes are defined from the beginning. You can modify them in theme.json.
- TailPress website
- Screencasts
- Tailwind CSS Documentation
- Esbuild Documentation
- PostCSS Documentation
MIT. Please see the License File for more information.