illycz

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

illycz

Using Git (and GitHub) with Subversion Mirroring for WordPress Plugin Development

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.

illycz

NOTE I now use the conventions detailed in the SUIT framework

Template Components

Used to provide structural templates.

Pattern

t-template-name

illycz

position
top
right
bottom
left
z-index
display
visibility
float
clear

illycz

		"css": {
			"abbreviations": {
				"mqm": "@media screen and (min-width:${1}) {\n\t|\n}",
				"mqx": "@media screen and (max-width:${1}) {\n\t|\n}"
			}
		}

illycz

// ----
// 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
*/

illycz

1. Jestli si to pamatuju dobře, tak Susy sloupce floatuje a je třeba označovat poslední položku na řádku.
U změny počtu sloupců v různých breakpointech se tím pádem musí řešit i změna poslední položky na řádku...

2. Jak se řeší případ, kdy se vypisuje např. 8 sloupců po 25%, tzn. 4 na řádku a např.
druhý sloupec v prvním řádku má větší výšku. První sloupec druhého řádku, se pak samozřejmě
zasekává na tom vyšším sloupci viz. screenshot: http://cl.ly/image/2m3m3J1s0C2H

Je pravda, že Susy neznám detailně a proto mě zajímá, jak se tyhle, podle mě časté,
případy řeší a jak moc elegantní to je.

illycz

Step 0:

Get Homebrew installed on your mac if you don't already have it

Step 1:

Install highlight. "brew install highlight". (This brings down Lua and Boost as well)

Step 2:

illycz

/ 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.

illycz

// ----
// Sass (v3.3.8)
// Compass (v1.0.0.alpha.19)
// ----

// When we give an element some ‘attention’.
@mixin attention() {

    &:hover,
    &:active,