🚀 RELEASE: Support for Tailwind CSS and disable Nginx cache

CHANGELOG.md

@@ -1,6 +1,10 @@
 
 # Changelog
 
+**v0.2.9-6**
+- 📦 NEW: Add support for Tailwind CSS.
+- 👌 IMPROVE: Disable nginx cache for dev server.
+
 **v0.2.9-4**
 - 🐛 FIX: Missing welcome.html
 

README.md

@@ -266,6 +266,10 @@ Tags: responsive, clean, minimal, modern, documentation
 */
 ```
 
+**TAILWIND CSS**
+
+[Tailwind CSS](https://tailwindcss.com/) is a utility-first CSS framework packed with classes like `flex`, `pt-4`, `text-center` and `rotate-90` that can be composed to build any design, directly in your markup. Tailwind comes pre-installed with WordPressify.
+
 ## Sass
 WordPressify is super flexible. You can install Sass and use it as the main CSS preprocessor:
 ```

config/nginx/sites-enabled/wordpress

@@ -1,5 +1,6 @@
 server {
 	listen 80 default_server;
+	expires off;
 
 	error_page 403 500 502 503 504 /welcome.html;
 	root /var/www/html;

gulpfile.js

@@ -12,6 +12,7 @@ const plumber = require('gulp-plumber');
 const postcss = require('gulp-postcss');
 const postCSSMixins = require('postcss-mixins');
 const postcssPresetEnv = require('postcss-preset-env');
+const tailwindcss = require("tailwindcss");
 const sourcemaps = require('gulp-sourcemaps');
 const uglify = require('gulp-uglify');
 const zip = require('gulp-vinyl-zip');
@@ -45,6 +46,7 @@ const pluginsListDev = [
 			'custom-media': true,
 		},
 	}),
+	tailwindcss,
 ];
 
 const pluginsListProd = [
@@ -58,6 +60,7 @@ const pluginsListProd = [
 			'custom-media': true,
 		},
 	}),
+	tailwindcss,
 	require('cssnano')({
 		preset: [
 			'default',

installer/modules/run.js

@@ -26,7 +26,7 @@ module.exports = async () => {
 		upstreamUrl = `https://raw.githubusercontent.com/${process.env.WPFY_GH_REPO}/${refname}`;
 	} else {
 		upstreamUrl =
-			'https://raw.githubusercontent.com/luangjokaj/wordpressify/v0.2.9-5';
+			'https://raw.githubusercontent.com/luangjokaj/wordpressify/v0.2.9-6';
 	}
 
 	// Files.
@@ -38,6 +38,7 @@ module.exports = async () => {
 		`${upstreamUrl}/LICENSE`,
 		`${upstreamUrl}/README.md`,
 		`${upstreamUrl}/gulpfile.js`,
+		`${upstreamUrl}/tailwind.config.js`,
 		`${upstreamUrl}/docker-compose.yml`,
 		`${upstreamUrl}/Dockerfile.in`,
 		`${upstreamUrl}/installer/package.json`,
@@ -50,8 +51,6 @@ module.exports = async () => {
 		`${upstreamUrl}/config/nginx/sites-enabled/wordpress`,
 		`${upstreamUrl}/config/nginx/snippets/fastcgi-php.conf`,
 
-		`${upstreamUrl}/src/assets/css/globals.css`,
-		`${upstreamUrl}/src/assets/css/mixins.css`,
 		`${upstreamUrl}/src/assets/css/style.css`,
 		`${upstreamUrl}/src/assets/css/variables.css`,
 		`${upstreamUrl}/src/assets/css/wordpressify.css`,
@@ -80,8 +79,6 @@ module.exports = async () => {
 	// Organise file structure
 	const dotFiles = ['.babelrc', '.gitignore', '.stylelintrc', '.env.in'];
 	const cssFiles = [
-		'globals.css',
-		'mixins.css',
 		'style.css',
 		'variables.css',
 		'wordpressify.css',

installer/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "wordpressify",
-	"version": "0.2.9-5",
+	"version": "0.2.9-6",
 	"description": "A build system designed to automate your WordPress development workflow.",
 	"keywords": [
 		"babel",
@@ -43,11 +43,11 @@
 	"dependencies": {
 		"@babel/core": "^7.12.9",
 		"@babel/preset-env": "^7.12.7",
-		"aos": "^2.3.4",
 		"beeper": "^2.0.0",
 		"browser-sync": "^2.26.13",
 		"cssnano": "^4.1.10",
 		"del": "^6.0.0",
+		"dotenv": "^8.2.0",
 		"fancy-log": "^1.3.3",
 		"gulp": "^4.0.2",
 		"gulp-babel": "^8.0.0",
@@ -65,6 +65,6 @@
 		"postcss-mixins": "^7.0.1",
 		"postcss-preset-env": "^6.7.0",
 		"stylelint": "^13.8.0",
-		"dotenv": "^8.2.0"
+		"tailwindcss": "^2.0.1"
 	}
 }

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "wordpressify",
-	"version": "0.2.9-5",
+	"version": "0.2.9-6",
 	"description": "A build system designed to automate your WordPress development workflow.",
 	"keywords": [
 		"babel",