有没有任何代码美化格式化Sass(SCSS)代码?我知道如何格式化由SCSS编译器生成的输出CSS代码,但如何给出漂亮的自动格式化SCSS代码本身?
我试过一些在线CSS格式化,但他们不工作与SCSS代码。
如果我给他们
.list5 { border-bottom: 1px solid #f2f2f1; padding: 0 0 20px 0; margin: 0 0 20px 0; ul li { margin: 0 0 5px 25px !important; height: auto !important; background: none !important; font-size: 14px; padding: 18px 3px 5px !important; width: 169px !important; } }
他们给出这个输出
.list5 { border-bottom: 1px solid #f2f2f1; padding: 0 0 20px 0; margin: 0 0 20px 0; margin: 0 0 5px 25px !important; height: auto !important; background: none !important; font-size: 14px; padding: 18px 3px 5px !important; width: 169px !important; }
删除此部分ul li {}
解决方法@H_403_16@
线上
将CSS / SCSS / LESS粘贴到dirtystylesheet.com中,然后单击清除
通过命令行
通过命令行,您可以使用sass-convert脚本重新格式化CSS / SCSS / Sass:
$ sass-convert messy.scss clean.scss
或CSS到SCSS:
$ sass-convert messy.css clean.scss
或SCSS到Sass:
$ sass-convert messy.scss clean.sass
sass转换脚本在安装Sass时安装。它可以转换之间的任何方向:css,scss和sass。
了解有关sass-convert的更多信息:
>访问内置的帮助:$ sass-convert –help
> http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#syntax
> http://sass-lang.com/docs/yardoc/#executables
将CSS / SCSS / LESS粘贴到dirtystylesheet.com中,然后单击清除
通过命令行
通过命令行,您可以使用sass-convert脚本重新格式化CSS / SCSS / Sass:
$ sass-convert messy.scss clean.scss
或CSS到SCSS:
$ sass-convert messy.css clean.scss
或SCSS到Sass:
$ sass-convert messy.scss clean.sass
sass转换脚本在安装Sass时安装。它可以转换之间的任何方向:css,scss和sass。
了解有关sass-convert的更多信息:
>访问内置的帮助:$ sass-convert –help
> http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#syntax
> http://sass-lang.com/docs/yardoc/#executables