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; | |
| } |