マップの作成

マップ(連想配列的なもの)は、値に名前(キーという)が付いたペアを配列化したような集まりです。
丸括弧を使用し、キーと値をコロンで繋げ、配列と同じようにカンマで区切って定義します。

  • ※ カンマは次のキーと値のペアを区切るものなので、最後(閉じ丸括弧の直前)はカンマは必要ありません。

構文

							$変数名:(
    キー : ,
    ...
);

対応SASSバージョン:3.3+

サンプルコード

SCSS

コンパイル後:CSS

SASS・SCSS逆引きリファレンス一覧へ戻る