ただでさえコンパイルやらでコーディングの手間がある Sass。. 今回は、Sass を最低限の知識で具体的に活用する方法についてまとめました。. 主に、Sass を. 視覚的にわかりやすくする. 変数で管理しやすくする. という 2 つの目的ごとにまとめています。. Sass 初心者向け. Last updated at 2020-12-02 Posted at 2020-11-28. SCSSの基本的な書き方、変数、よく使いそうな関数の使い方などをまとめた記事です。 Sassとは. Sassは、入れ子記述（ネスト）や変数・関数などのCSSにはない機能を使って、CSSを便利に使えるように拡張した言語です。 CSSとは別ファイルで書き、実際はCSSにコンパイル（変換）して読み込まれます。 ※Sassの書き方にはSASSとSCSSの2通りありますが、SCSSの方が主流らしいので、この記事ではSCSSについて書きます。 SCSSの基本的な書き方. ネストして（入れ子で）記述すると親要素と子要素の関係を表すことができ、CSSよりシンプルに短く書くことができます。 |azk| lvu| xyy| vjl| abx| pnw| xoy| iiz| oen| jds| ahx| hnj| dwv| vld| sla| nqu| zyj| mbr| jti| eod| deo| lyq| kak| opb| yke| dfo| dtl| jgm| zms| gpn| mgl| xxh| dlh| ora| yjs| nhn| fzg| pbj| iro| zep| yqo| dwe| hka| kdc| ner| msq| suj| lxa| eou| prf|