quattromani

// ----
// Sass (v3.3.6)
// Compass (v1.0.0.alpha.18)
// ----

// Breakpoints
$bp-big: 68.75em;
$bp-medium: 62em;
$bp-small: 40em;

quattromani

// ----
// Sass (v3.3.6)
// Compass (v1.0.0.alpha.18)
// ----

// Breakpoints
$bp-big: 68.75em;
$bp-medium: 62em;
$bp-small: 40em;

quattromani

// ----
// Sass (v3.3.7)
// Compass (v1.0.0.alpha.18)
// ----

// Inline-Block IE
/* Using a mixin */
@mixin inline-block {
  display: inline-block;
  *zoom: 1;

quattromani

 <div class="workgroups-video">
  
  <ul>
    <li><span>Video 1</span></li>
  </ul>
  <ul>
    <li><span>Video 1</span></li>
    <li><span>Video 2</span></li>
  </ul>
  <ul>

quattromani

<div id="green">
  Just some green text, NBD
</div>

<br>

<div class="orange" id="orange">
  This ID overpowers the class
</div>

quattromani

<div class="neat-background box">
  I'm have a transparent background y'all
</div>

quattromani

<div></div>

<br>

<a href="">link</a>

<br><br>

<strike>Don't use me anymore</strike>
<u>I'm deprecated</u>

quattromani

<span class="icn-toggle"></span>

quattromani

<button>Button</button>

quattromani

// ----
// Sass (v3.4.6)
// Compass (v1.0.1)
// ----

// Margin
@mixin margin($top: 0, $right: $top or $left, $bottom: $top, $left: $right or $top) {
  margin-top: $top;
  margin-right: $right;
  margin-bottom: $bottom;