AdmireNL

// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console

AdmireNL

<div class="rating rating-0"></div>
<div class="rating rating-1"></div>
<div class="rating rating-2"></div>
<div class="rating rating-3"></div>
<div class="rating rating-4"></div>
<div class="rating rating-5"></div>

AdmireNL

<div class="box"></div>

AdmireNL

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

$dir: rtl;

@function shorthand($values) {
  @return if($dir != rtl, $values, nth($values,1) nth($values,4) nth($values,3) nth($values,2));
}

AdmireNL

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

$mqs: (
  '500px': ('font-size': 12px, 'color': #000),
  '1000px': ('font-size': 18px, 'color': #ccc),
);

AdmireNL

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

@mixin mq($min-max, $exclude: false) {
  @if ($exclude and length($exclude == 2)) {
    @media (min-width: nth($min-max,1)) and (max-width: nth($exclude,1)), (min-width: nth($exclude,2)) and (max-width: nth($min-max,2)) {
      @content;
    }

AdmireNL

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

// Inspired by http://roy.io/tbt

@mixin animation-keyframes($animation-name) {
  @keyframes #{$animation-name} {
    @at-root {

AdmireNL

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

$devices: (tablet: 768px, phone: 320px);

@mixin respond-to($device) {
  @if (map-has-key($devices, $device)) {
    @media (max-width: map-get($devices, $device)) {

AdmireNL

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

$total-columns: 12;
$column-width: 60px;
$gutter-width: 20px;

@mixin column-span($columns) {