Sass(SCSS)でのカラーコード管理方法として、マップを用いたら良さそうと思い試してみたものです。 もっと便利な感じにできそうで正直そこまで使いやすいと感じたわけでもないですが、そのまま消すのもあれだったので備忘録として残しておこうと思います。 Sassでカラーコードを管理しときたいなってとき、自分の場合はそれ用のSCSSファイルとか用意し、そこに下記のような感じで各カラーを変数定義しておくことが多いです。 $color-red : #e74c3c; $color-red-light : #f09188; $color-red-dark : #b82617; $button-color : #333; $button-hover-color : #888; $button-active-color : #2ecc71; $sns-twitter : #55acee; $sns-face
![Sass(SCSS)のマップを利用したカラーコード管理 - NxWorld](https://cdn-ak-scissors.b.st-hatena.com/image/square/41b897a25ec89525da0b8b4adae86b71853f6caf/height=288;version=1;width=512/https%3A%2F%2Fwww.nxworld.net%2Fthumbnail%2Fcolor-palettes-using-sass-maps.png)