Snugug

<div>
  <div class="middle">
    <div class="middle--top"></div>
    <div class="middle--left"></div>
    <div class="middle--right"></div>  
  </div>
  <div class="left"></div>
  <div class="right"></div>
</div>

Snugug

<div>
  <div class="left"></div>
  <div class="middle-top"></div>
  <div class="middle-left"></div>
  <div class="middle-right"></div>
  <div class="right"></div>
</div>

Snugug

<div library-class="foo">
  Hello World
</div>

Snugug

// ----
// Sass (v3.4.13)
// Compass (v1.0.3)
// ----

.loader {
  width: 100%;
  
  // Loader Fallback
  &--fallback {

Snugug

// ----
// libsass (v3.1.0)
// ----

@import 'toolkit';

@font-face {
	font-family: 'ibm';
	src:url('/fonts/ibm.eot?mvq1yt');
	src:url('/fonts/ibm.eot?#iefixmvq1yt') format('embedded-opentype'),

Snugug

// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// Breakpoint (v2.5.0)
// Singularity.gs (v1.5.1)
// ----

@import "breakpoint";
@import "singularitygs";

Snugug

<a href="#" class="link">Hello World</a>

<div>
  <button class="foo">This is a Button</button>      
</div>

Snugug

<div class="foo" data-eq-state="small medium large">
  hello world
</div>

<div class="bar" data-eq-state="small medium large">
  hello world
</div>

<div class="foo" data-eq-state="small">
  hello world

Snugug

layout
page

Hello World

This is a test to see what working with this works like.

And now with a YouTube embed!

Snugug

<div class="half">
  <div class="fluid-embed">
    <iframe width="560" height="315" src="https://www.youtube.com/embed/nfWlot6h_JM" frameborder="0" allowfullscreen></iframe>
  </div>  
</div>