DarbyBrown

// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----

// Easy-peasy  grids

$cols: 12;
$gutter: 1%;
$name: col;

DarbyBrown

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

 $diagonal: 21.2121212121212121;
 
  $a: pow($diagonal, $diagonal);
  $b: $a / 2;
  $c: sqrt($b);

DarbyBrown

// ----
// Sass (v3.3.0.rc.5)
// Compass (v1.0.0.alpha.18)
// ----


.nav {
  
    &-item {
      margin: 1em;

DarbyBrown

// ----
// Sass (v3.3.0.rc.5)
// Compass (v1.0.0.alpha.18)
// ----

// I Want this functionality in Sass
.nav {
  
    &-item {
      font-size: 1em;

DarbyBrown

<div>
  
</div>

DarbyBrown

<div>
  
  
</div>

DarbyBrown

<div>
  
  
</div>

DarbyBrown

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

$vendors-no-ms: '-webkit-' '-moz-' '-o-' '' !default;

// Return vendor-prefixed property names if appropriate
// Example: transition-property-names((transform, color, background), moz) -> -moz-transform, color, background
//************************************************************************//

DarbyBrown

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

$vendors-no-ms: '-webkit-' '-moz-' '-o-' '' !default;

@mixin transition-property($attr, $value) {
	@each $vendor in $vendors-no-ms {
		#{$vendor}transition-#{$attr}: $value; 

DarbyBrown

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

$sprite-coins-x: 0px;
  $sprite-coins-y: 324px;
  $sprite-coins-offset-x: 0px;
  $sprite-coins-offset-y: -324px;
  $sprite-coins-width: 49px;