CSS Modules lets you write and use simple class names rather than remembering and maintaining long unique class names for every component. CSS Modules mutates all of your classnames from each partials into new, completely unique classnames that will not conflict when they are bundled together into your main CSS file. Then, a JSON file is generated that maps the happy classnames from each file to the unique classname in the combined file. You load this map in PHP, and begin using the easy-to-remember classnames as you wish.
This file contains 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
vagrant ssh | |
cd /srv/www/ | |
mkdir site-name && cd site-name && touch vvv-hosts && echo "site-name.dev" >> vvv-hosts && touch wp-cli.yml && echo "path: htdocs" >> wp-cli.yml && mkdir htdocs && cd htdocs | |
wp core download | |
wp core config --dbname=site-name --dbuser=root --dbpass=root | |
wp db create | |
wp core install --url=site-name.dev --title=Site --admin_user=admin --admin_password=password [email protected] |
This file contains 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
var pxtorem = require( 'postcss-pxtorem' ), | |
pxtoremOptions = { | |
replace: false, | |
rootValue: 16, | |
unitPrecision: 10, | |
propWhiteList: [ | |
'font', 'font-size', 'letter-spacing'] | |
}; | |
module.exports = { |
This file contains 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
/** | |
* Function to Async an arrayed list of JavaScript files. | |
* | |
* @param $tag | |
* @param $handler | |
* @param $src | |
* | |
* @return mixed | |
*/ | |
function async_scripts( $tag, $handler, $src ) { |
This is a jQuery solution for responsive tables to be used in WordPress. Originally posted on http://zurb.com/playground/projects/responsive-tables/index.html.
The following files are required in order for this responsive tables solution to function correctly.
This is the original javascript file from Zurb.
I hereby claim:
- I am allenmoore on github.
- I am allenmoore (https://keybase.io/allenmoore) on keybase.
- I have a public key whose fingerprint is 22E4 AE4B 9450 15B2 E1AE 3FD1 C5E5 7B55 AEC3 6B5B
To claim this, I am signing this object: