Patrik Illy illycz

Step 0:

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)

NOTE I now use the conventions detailed in the SUIT framework

Used to provide structural templates.

Pattern

t-template-name

	# compress your website (http://www.smashingmagazine.com/2014/06/25/how-to-speed-up-your-wordpress-website/)
	AddOutputFilterByType DEFLATE text/plain
	AddOutputFilterByType DEFLATE text/html
	AddOutputFilterByType DEFLATE text/xml
	AddOutputFilterByType DEFLATE text/css
	AddOutputFilterByType DEFLATE application/xml
	AddOutputFilterByType DEFLATE application/xhtml+xml
	AddOutputFilterByType DEFLATE application/rss+xml
	AddOutputFilterByType DEFLATE application/javascript
	AddOutputFilterByType DEFLATE application/x-javascript

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

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

	&:hover,
	&:active,

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

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

	&:hover,
	&:active,

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

	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.

	// ----
	// 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}"
	}
	}