webかたつむり ウェブデザインを勉強中 ウェブ初心者のおぼえがき

webかたつむり

ウェブデザインを勉強中

sass to css

f:id:ohta-felica:20170520205143p:plain

 sassのファイル(.scss)をcssに変換する→コンパイル

Sassコマンドの使い方を覚えよう | Web制作者のためのSassの教科書 - 公式サポートサイト

 

f:id:ohta-felica:20170520210341p:plain

 

f:id:ohta-felica:20170520210553p:plain

 「test.scss」をホームフォルダ→c: ¥users¥(アカウント名)のおく。

ホームフォルダに置いた「test.scss」をコンパイルする。

f:id:ohta-felica:20170520211149p:plain

 ソースがCSSの書き方になりました。

オプションでアウトプットスタイルを指定しないと下のように「ネスト」された記法になる。

f:id:ohta-felica:20170520211456p:plain