在线css转less/sass/stylus工具 css编辑器

这是一款多功能的css转less/sass/stylus工具,默认转换结果为less代码。用户可选择css文件一键上传并读取到编辑器中(或直接输入css代码到编辑器),即可在结果编辑器中看到同步转换后的结果代码。针对转换后的less/sass/stylus代码还提供了复制、下载保存等功能。此外该工具还具有css/less/sass/stylus的代码高亮显示功能,可作为css/less/sass/stylus的编辑器使用。免费提供给需要的朋友使用。(与之对应的,这里再为大家推荐一款在线less转css工具


选择上传的css文件:

		

输入 CSS

变量

结果

提示!变量以 @开头表示,此处设置的变量可替换结果中显示的内容。如:示例中@red:#f00;表示用变量@red替换结果中的#f00;

在线css转less/sass/stylus工具说明

1. 这款工具借鉴网上同类工具改进而来,css代码编辑器部分增加了css文件的上传与读取功能。
2. 提供了css编辑器的代码高亮显示功能。
3. 完善了变量编辑器部分的文字说明
4. 完善了转换结果代码的复制、保存及所有代码框清空的功能
5. 针对转换结果提供了LESS、Sass及Stylus的选择,缩进格式的选择,注释的显示及Hacks的显示等功能。并针对less、sass、stylus等不同格式转换结果可保存成相应格式的文件。