2006年 08月 01日

CSS で変数

http://subtech.g.hatena.ne.jp/secondlife/20060801/1154406385
wktk

コメントで変数宣言してそれはそのまま残しておくと、色とかを頭に書くとかも自然に同時にできる。ERB だとめんどいので軽いパーサ書いてあげるのがよさそう。

/*
 * key-color1 = #708f96
 * key-color2 = #123456;
 */

h1 {
    background: $key-color1;
}

#footer {
    background: $key-color1;
    color: #fff;
}

#footer address {
    color: $key-color1;
    background: $key-color2;
}

$ って使われたっけ