joshuarule

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

%flush {
  color: red;
}

@mixin flush {

joshuarule

%ul
  %li
    this is my base li


%ul.unique
  %li.unique-li
    this is my unique li

joshuarule

.container
  .wrap
    .box-1
    .box-2
  .cf

joshuarule

.container
  .wrap
    .box-1
    .box-2
  .cf

joshuarule

// scrollto
// 
// $fix 84 is equal to height of header
$.fn.scrollView = function () {
  return this.each(function () {
    $('html, body').animate({
      scrollTop: $(this).offset().top - 84 
    }, 1000);
  });
}

joshuarule

body {

  &:after {
    content: 'mobile';
    display: none;

    @include breakpoint($break) {
      content: 'tablet';
    }

joshuarule

.container
  .left
    left
  .cf
  .middle
    middle
  .right
    right

joshuarule

.upload-progress.per90
  .pie
    .first
    .last

joshuarule

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

// Base Colors

$primary   					: #00c169;
$secondary 					: #1b95ee;
$tertiary  					: #F3bc4e;

joshuarule

@mixin triangle($color, $size, $side) {
  @include pseudo;
  width:  $size;
  height: $size;
  @include background-image(linear-gradient(top left, $color, $color 49%, transparent 49%));

  @if ($side == "right") {
    right: 0;
    top: 50%;
    margin-top: -$size / 2;