本格的に制作にSassを導入してみたわけだが

Webサイト制作にSassを本格的に導入してみました。単に便利なだけではない色々メリットがあるということに気づいたので、かんたんにまとめてみます。 CSSでは不可能な入れ子構造で書けるのは、思ったより便利 Sassでは、CSSではできない入れ子構造での記述が可能です。たとえば、公式サイトの例ですが… table.hl { margin: 2em 0; td.ln { text-align: right; } } li { font: { family: serif; weight: bold; size: 1.2em; } } このSassファイルをコンパイルしてCSSファイルに変換すると、このようになります。 table.hl { margin: 2em 0; } table.hl td.ln { text-align: right; } li { font-family: serif;

[iR3]

ふむふむ

[ku_marin]

ほんと入れ子できるってだけでもめちゃ便利。Sass最高やー