// mixinはchaincase
replace-image-options¶ ↑
text-indent: -9999px color: transparent a width: 100% height: 100% display: block
image-size($path)¶ ↑
width: image-width($path) height: image-height($path)
replace-bg($path)¶ ↑
+image-size($path) background: image-url($path) no-repeat center +background-size(cover)
replace-sprite($sprite, $name)¶ ↑
$position: sprite-position(nth($sprite, 1), $name) $x: nth($position, 1) $y: nth($position, 2) +replace-image-options background-image: nth($sprite, 2) background-position: $x $y background-repeat: no-repeat height: image-height(sprite-file(nth($sprite, 1), $name)) width: image-width(sprite-file(nth($sprite, 1), $name))
replace-image($path)¶ ↑
+replace-image-options +replace-bg($path)
pos($t: ”, $r: ”, $b: ”, $l: ”, $position: absolute)¶ ↑
position: $position @if $t != '' top: $t @if $r != '' right: $r @if $b != '' bottom: $b @if $l != '' left: $l
layer($index)¶ ↑
z-index: nth($zIndexArray, $index)
keyframes($animation-name)¶ ↑
@-webkit-keyframes #{$animation-name} @content @-moz-keyframes #{$animation-name} @content @-ms-keyframes #{$animation-name} @content @keyframes #{$animation-name} @content
animation($property)¶ ↑
-webkit-animation: $property -moz-animation: $property animation: $property
link-color($color: fff)¶ ↑
a, a:link, a:visited, a:hover, a:active color: $color
cntr-abs($width: 0, $height: 0, $position: absolute)¶ ↑
position: $position @if $width != 0 left: 50% margin-left: round($width / -2) width: $width @if $height != 0 height: $height margin-top: round($height / -2) top: 50%