Get Homebrew installed on your mac if you don't already have it
Install highlight. "brew install highlight". (This brings down Lua and Boost as well)
/ HTML5 Doctype. Remember to delete these comments (Quirks Mode). | |
!!! | |
/ Modernizr HTML tag. | |
%html.no-js{lang: ""} | |
/ Let's get started. | |
%head | |
/ Document settings and metadata. |
Get Homebrew installed on your mac if you don't already have it
Install highlight. "brew install highlight". (This brings down Lua and Boost as well)
// ---- | |
// Sass (v3.3.0.rc.1) | |
// Compass (v0.13.alpha.10) | |
// ---- | |
/* | |
A slightly more automated approach to BEM modifier classes: | |
using '&' parent selector interpolation, modifiers extend their bases, | |
so that HTML markup requires only the modifier class not the base *and* modifier | |
*/ |
"css": { | |
"abbreviations": { | |
"mqm": "@media screen and (min-width:${1}) {\n\t|\n}", | |
"mqx": "@media screen and (max-width:${1}) {\n\t|\n}" | |
} | |
} |
NOTE I now use the conventions detailed in the SUIT framework
Used to provide structural templates.
Pattern
t-template-name
by Kaspars Dambis -- konstruktors.com / @konstruktors
We'll assume that your plugin is already hosted on the official WordPress plugin Subversion repository, and we'll use the Easy Digital Downloads plugin as an example.
/* | |
Make the Facebook Like box responsive (fluid width) | |
https://developers.facebook.com/docs/reference/plugins/like-box/ | |
*/ | |
/* This element holds injected scripts inside iframes that in some cases may stretch layouts. So, we're just hiding it. */ | |
#fb-root { | |
display: none; | |
} |