Sass

Sassをgulpでビルドする

こんにちは。beaglesoftの真鍋です。 Sassの具体的な利用方法については前回まででだいたい試せたと思います。まだ他にも機能はあるようですが、とりあえずDRYに書くために必要な機能は試せたと思います。 今回は、Sassを実際に本番環境で利用するために必要…

SassのMixinとExtend/Inheritance

こんにちは。beaglesoftの真鍋です。 今回はSassで入れ子セレクタと親セレクタの指定について試してみました。CSSでは同じものを構造化することができないことが不便に感じられます。DRYに定義できないためですね。Sassではスタイルを構造化した記述ができる…

Sassで入れ子による構造化を行う

こんにちは。beaglesoftの真鍋です。 今回はSassで入れ子セレクタと親セレクタの指定について試してみました。CSSでは同じものを構造化することができないことが不便に感じられます。DRYに定義できないためですね。Sassではスタイルを構造化した記述ができる…

Sassのことはじめ

こんにちは。beaglesoftの真鍋です。 CSSはデザインを定義するために利用するのですが、画面が複雑になればなるほど管理が難しくなります。特に、CSSでは変数の宣言やクラスのネストができないことがとても不便に感じられます。 そこで、ビルド処理を実行す…