mturjak

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

@for $i from 1 through 5 {
  $x: if($i < 2, 100%, $x - 10);
  .item-#{$i} {
    width: $x;
  }

mturjak

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

$x: blue;

@for $i from 1 through 2 {
  $x: if($i < 2, 100%, $x - 10);
  .item-#{$i} {

mturjak

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

.a .c
  display: inline-block
  
  &.date
    width: 50px

mturjak

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

@mixin margin($val...) {
    $margin: ();
    @each $i in $val {
        $margin: append($margin, $i + px);
    }

mturjak

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

//--------------------------------------------------------//
// defining your map:
$brand_clr: (home: blue, about: orange, contact: yellow);

/*--------------------------------------------------------*/

mturjak

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

@mixin sameHeight($multiplier){
    height:367px + 21px * $multiplier;
}

.page{

mturjak

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

button.needs-overridden-in-firefox {
    line-height: 20px;
    padding: 6px 16px;
}

mturjak

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

@function sameHeight($multiplier){
    @return 367px + 21px * $multiplier;
}

@mixin compare {

mturjak

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

@mixin sameHeight($multiplier){
    height: 367px + 21px * $multiplier;
}

.page{

mturjak

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

@mixin sameHeight($multiplier){
    height: 367px + 21px * $multiplier;
}

$amp: null;