Sass 3.3 で変数を使って更に変数展開 - 2noの日記

本日 Sass 3.3 が正式リリースされた。 http://blog.sass-lang.com/posts/184094-sass-33-is-released このアップデートで以前からずっとやろうと思ってたことをやってみる。 もしかしたら標準機能として追加されているのかもしれないけど、その辺りは気にしない。 何をやりたかったかと言うと、変数を使って更に変数を展開すること。 StackOverflow にも Double interpolation (variable inside variable) in Sass という質問があるので、こちらの例を参考にしてみる。 $gray = #ccc; $white = #fff; @each $color in gray, white { div_#{$color} { // works fine color: #{$#{$color}}