Sass学習ノート.

1178 ワード

Sass:
    :css             ,      ,          , css          , css        ,                    。(  RuBy       css     )
     :.sass(        )     .scss(   css      ) scss css     ,   Sass              。

Sassコンパイル
方法:
  • コマンドコンパイル(好き)
  • GUIツールコンパイル
  • 自動コンパイル(GruntとGulp)
  • コマンドのコンパイル:
           
            sass(    Sass    )/style.scss:(   css    )/style.css
    
           
            sass sass/:css/
                        "sass"      ".scss"(".sass")     ".css"  ,     css       "css"    。
    

    「watch」機能をオンにすると、コードを変更すれば、コードの変化を自動的に監視し、直接コンパイルすることができます.
    sass  --watch  (    Sass    )/style.scss:(   css    )/style.css
    

    Sassでよくあるコンパイルエラー
  • 文字符号化による(「GBK」符号化をサポートせず、「UTF-8」に設定)
  • パスの中国語文字(ファイルディレクトリ名に中国語文字を使用しないでください)
  • 異なるスタイルの出力方法:
     1.       nested
     2.       expanded            -- style expanded
     3.       compact
     4.       compressed
    

    Sass一般変数とデフォルト変数
        :              。
        :sass              !default  。
    (Sass               ,          ,                   。)                       。