mikestreety

// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// ----

@mixin background-opacity($theme) {

background-color: nth($theme, 1); //fallback
background-color: nth($theme, 2);

mikestreety

<div class="list">HELLO</div>


<div class="sidebar">
  <div class="list">HELLO</div>
</div>

mikestreety

.article {
	padding: 10px;
}

.article h1 {
	font-size: 24px;
	color: #0046ad;
	line-height: 1.4;
}

mikestreety

.article {
	padding: 10px;
	h1 {
		font-size: 24px;
		color: #0046ad;
		line-height: 1.4;
	}
	p {
		font-size: 14px;
		line-height: 1.4;

mikestreety

<div class="list">HELLO</div>


<div class="sidebar">
  <div class="list">HELLO</div>
</div>

mikestreety

<div class="list">HELLO</div>


<div class="sidebar">
  <div class="list">HELLO</div>
</div>

mikestreety

{
	"title" : "Welcome to Issue #17",
	"intro_text" : "This issue features fun, frolics and even more articles from Hugo!",
	"featured" : [{
		"image" : "http://s30.postimg.org/7j2cpmqr5/hero.jpg",
		"link" : "http://geek-rocket.de/frontend-development/scss-styleguide-with-bem-oocss-smacss/",
		"title" : "Scss-Styleguide with BEM, OOCSS & SMACSS",
		"text" : "Here's another great walk through of a Sass-y document styleguide and folder system."
	}],
	"content" : [{

mikestreety

// Strips units from any number
@function strip-units($number) {
	@return $number / ($number * 0 + 1);
}

// Converts px to ems
@function em($px, $base: 16px) {
	@return (strip-units($px) / strip-units($base)) * 1em;
}

mikestreety

$ieSprite: '.lt-ie9' !default;

$baseFontSize: 16px !default; // For em calc

// Strips units from any number
@function strip-units($number) {
	@return $number / ($number * 0 + 1);
}

// Converts px to ems

mikestreety

<h1>What would you do if i sang out of tune?</h1>