_position

position 関連プロパティを一括指定します。

引数型初期値説明
@include _position($type, $positions...);
$typeStringposition プロパティの値
$positionsList...margin や padding プロパティと同じ構文で指定する

一括指定

数値が3つ指定された場合は、上・左右・下になります。

.element {
  @include _position(absolute, 0, 5px, 10px);
}

.element {
  position: absolute;
  top: 0;
  left: 5px;
  right: 5px;
  bottom: 10px;
}

また、数値が2つ指定された場合は上下・左右、4つ指定された場合は上・右・下・左となります。

特定の値のみ指定

特定のプロパティにのみ値を指定する場合は $top $left $right $bottom 引数を使います。

.element {
  @include _position(absolute, $left: 5px);
}

.element {
  position: absolute;
  left: 5px;
}

また、null 値を使って引数を指定する方法もあります。