_initial

initial キーワードに非対応のブラウザでも使えるようにします。

引数型初期値説明
@include _initial($properties...);
$propertiesList...CSSプロパティ名

initialキーワード

引数にCSSプロパティ名を指定すると、初期値を設定できます。

.element {
  @include _initial('max-width');
}

.element {
  max-width: none;
}

また、複数指定にも対応しています。

.element {
  @include _initial('max-width', 'width');
}

.element {
  max-width: none;
  width: auto;
}

ショートハンド

margin や padding プロパティなどショートハンド記法の一部の値を変更したい場合には関数として使うこともできます。

.element {
  margin: 1em _initial('margin') 2em;
}

.element {
  margin: 1em 0 2em;
}