sassファイルをコンパイルして出力するときのスタイルを変更するオプションについて。 それぞれ出力したときのインデントが違います。 スタイルは4種類。 「:nested」「:expanded」「:compact」「:compressed」。 スタイルはコンパイル時に指定します。 $sass filename.scss filename.css --style expanded オプションをつけないデフォルトの出力は「:nested」になります。 出力の例 file.scssを以下のように作りました。これを各スタイルでコンパイルします。 #main { margin: 10px; p { padding: 10px 5px; red { color: #D22B4C; } } .contents { font-size: 10em; } } :nested #main { margin:
![Sassでコンパイル時の出力を変更するオプション | びーおーぷんどっとねっと](https://cdn-ak-scissors.b.st-hatena.com/image/square/cf10ecdba77adc0b8b2b9730b5edef337b7202e3/height=288;version=1;width=512/http%3A%2F%2Fblog.be-open.net%2Fwp-content%2Fuploads%2F2013%2F01%2Flogo.png)