この記事は6/29に掲載された「Getting Sassy with CSS」を訳したものです(翻訳:@taka_2) Sencha Touchの開発を始めた頃、Sencha Touchのテーマは美しいだけではなく、柔軟で、記述が簡単で、そして解像度に依存しないようにするため、CSS3の上位レイヤーとしてSASSを使うことを決定しました。SASSは、Syntactically Awesome Stylesheetsの略で、これまでのCSSに、ネストルール、変数、Mixin(関数に似たもの)、セレクタの継承、といった機能を加えています。SASSスタイルシートは、サイトへ配置される前にコンパイルされるので、最適化の新たな余地が生まれます。SASSというのは、つまり、2099年頃のCSSを先取りしたようなものです。 この記事では、柔軟に変更可能なボタン用スタイルの作り方について示しながら、Sen