[CSS] CSS 與 SASS/SCSS 轉換方式

前言

由於 bootstrap 的套版常常都是使用 css，改成 scss 會比較好做調整，因此想到是否有工具能夠快速轉換。 確認的結果官方及有兩個指令可以互相轉換，且也有線上網站提供轉換。

指令轉換

(以下範例xxx為input，yyy為output)

SASS/SCSS 轉 CSS

sass xxx.scss yyy.css
sass xxx.sass yyy.css

CSS/SASS/SCSS 轉 SASS/SCSS

sass-convert xxx.css yyy.sass
sass-convert xxx.css yyy.scss
sass-convert xxx.sass yyy.scss
sass-convert xxx.scss yyy.sass

網站轉換

CSS轉SASS/SCSS: http://css2sass.heroku.com/

參考

1. https://segmentfault.com/q/1010000000173768
2. http://sass-lang.com/documentation/file.SASS_REFERENCE.html#syntax
3. http://stackoverflow.com/questions/13450355/css-to-sass-or-less-conversion