diff --git a/wp-content/themes/wp-tailwind/.gitignore b/wp-content/themes/wp-tailwind/.gitignore new file mode 100644 index 0000000..be7c7e0 --- /dev/null +++ b/wp-content/themes/wp-tailwind/.gitignore @@ -0,0 +1,4 @@ +/mix-manifest.json +/node_modules/ +/style.css +/yarn.lock diff --git a/wp-content/themes/wp-tailwind/package.json b/wp-content/themes/wp-tailwind/package.json new file mode 100644 index 0000000..d426c0e --- /dev/null +++ b/wp-content/themes/wp-tailwind/package.json @@ -0,0 +1,15 @@ +{ + "private": true, + "scripts": { + "dev": "npm run development", + "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js", + "watch": "npm run development -- --watch", + "prod": "npm run production", + "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js" + }, + "devDependencies": { + "cross-env": "^5.2.0", + "laravel-mix": "^4.0.14", + "tailwindcss": "https://github.com/tailwindcss/tailwindcss.git#next" + } +} diff --git a/wp-content/themes/wp-tailwind/src/css/style.css b/wp-content/themes/wp-tailwind/src/css/style.css new file mode 100644 index 0000000..5b7d0a8 --- /dev/null +++ b/wp-content/themes/wp-tailwind/src/css/style.css @@ -0,0 +1,13 @@ +@tailwind base; + +a { + @apply text-grey-darker no-underline +} +a:hover, +a:focus { + @apply text-blue-dark underline +} + +@tailwind components; + +@tailwind utilities; diff --git a/wp-content/themes/wp-tailwind/tailwind.config.js b/wp-content/themes/wp-tailwind/tailwind.config.js new file mode 100644 index 0000000..8824be7 --- /dev/null +++ b/wp-content/themes/wp-tailwind/tailwind.config.js @@ -0,0 +1,10 @@ +module.exports = { + theme: { + extend: { + colors: { + 'blue-dark': '#0073aa', + 'grey-darker': '#767676', + } + } + } +} diff --git a/wp-content/themes/wp-tailwind/webpack.mix.js b/wp-content/themes/wp-tailwind/webpack.mix.js new file mode 100644 index 0000000..9d8dd17 --- /dev/null +++ b/wp-content/themes/wp-tailwind/webpack.mix.js @@ -0,0 +1,5 @@ +const mix = require('laravel-mix') + +mix.postCss('src/css/style.css', '', [ + require('tailwindcss')('./tailwind.config.js'), +])