Sassのmap操作をおさらいする+便利な関数をいくつか - wadackel.me

Sassのmap操作をおさらいする+便利な関数をいくつか - wadackel.me

Less や Stylus、Sass などの CSS プリプロセッサはもう手放せないツールの一つとなって久しい感じです...概要を表示 Less や Stylus、Sass などの CSS プリプロセッサはもう手放せないツールの一つとなって久しい感じです。僕は業務内/プライベート問わず、スタイルの殆どを Sass(Scss)を使って書いています。 ただ、一旦覚えた知識のまま惰性で使っている点もあったりするので、改めて色々と調べてみたりして自分自身の知識を更新したいなと思い、中でもまだまだ使いこなせていなかった map に関する諸々をおさらいしてみました。 map とは? もう導入されてかなり経つので沢山の人が使っていると思いますが、Sass v3.3 以降に追加されたデータ型で、連想配列みたいに扱うことが出来るというものです。 以下はボタンのサイズを書き出す簡単なサンプルコードです。冒頭で宣言している変数の$btn-sizesが map に当たります。 $btn-sizes: ( sm: 20px, md: 30px, l

• sass
• map
• CSS