Generated by SassMeister.com.

browserslist

> 1%
last 2 versions

SassMeister-input.scss

// ----
// libsass (v3.3.6)
// ----

$z-index:(
  // ↑レイヤー上
  child,
  pulldown, 
  nav,
  header
  // ↓レイヤー下
);

//リストを逆転させる
@function list-reverse($map) {
  $result: ();
  @for $i from length($map)*-1 through -1 {
    $result: append($result, nth($map, abs($i)), comma);
  }
  @return $result;
}
$z-index: list-reverse($z-index);


@function z($name) {
  @return index($z-index, $name);
}


.child {
  z-index: z(child); // 4
}
.pulldown {
  z-index: z(pulldown); // 3
}
.nav {
  z-index: z(nav); // 2
}
.header {
  z-index: z(header); // 1
}

SassMeister-output.css

.child {
  z-index: 4;
}

.pulldown {
  z-index: 3;
}

.nav {
  z-index: 2;
}

.header {
  z-index: 1;
}