うなの日記

■[SASS] CSSをSASSにコンバートする

haml付属の「css2sass」ツールを使うと、CSSをSASSにコンバートできます。既存のCSSをSASSで書き直す場合に便利。

$ css2sass <変換元CSSファイル> <変換先SASSファイル> 

具体例。以下のCSSを

/* コメント */
#nav {
  width: 650px; 
}
#nav ul li {
  float: left; 
}
#nav ul li a {
  display: block; 
}

変換します。

$ css2sass test.css test.sass

変換結果です。

#nav
  width: 650px

  ul li
    float: left

    a
      display: block

んー、コメントは消えるのか。

Permalink | コメント(0) | トラックバック(0) | 14:38