Dave Fravel dfravel
dfravel
/ package.json
Created
August 9, 2019 17:21
Package.json file for WordPress, Tailwind, Roots by Sage and Font Awesome
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "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", | |
| "watch-poll": "npm run watch -- --watch-poll", | |
| "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js", | |
| "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" |
dfravel
/ webpack.mix.js
Created
August 9, 2019 17:20
Laravel Mix Webpack Setup for WordPress, Sage by Roots and Tailwind
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const mix = require('laravel-mix'); | |
| const ImageminPlugin = require('imagemin-webpack-plugin').default; | |
| require('laravel-mix-tailwind'); | |
| require('laravel-mix-purgecss'); | |
| const assetsPath = 'resources/assets'; | |
| const distPath = './dist'; | |
| const publicPath = '/wp-content/themes/THEME_NAME'; |
dfravel
/ _shame.scss
Created
March 5, 2018 14:40
Working on a custom WordPress theme for a client. Designer had created a staging site with some auto-generated css. I'm using that, the designer's PSDs (Layer 412 ... etc), some screenshots from the designer, and the client's live site to piece together this theme. _shame.scss has become the dumping ground for "I'll come back to this later"
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .hidden { | |
| display: none; | |
| } | |
| .clearfix { | |
| &:before { | |
| display: table; | |
| content: " "; | |
| } | |
| &:after { |