linux css转sass脚本,在线css转less/sass/stylus工具,css编辑器

在线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;

Demo示例

复制结果

保存结果

清空全部

输出语言

LESS

Sass

Stylus

使用缩进

2个 空格

4个 空格

Tabs

注释

命名空间外的注释

命名空间内的注释

Hacks

去除Hacks和前缀

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

1. 这款工具借鉴网上同类工具改进而来，css代码编辑器部分增加了css文件的上传与读取功能。

2. 提供了css编辑器的代码高亮显示功能。

3. 完善了变量编辑器部分的文字说明

4. 完善了转换结果代码的复制、保存及所有代码框清空的功能

5. 针对转换结果提供了LESS、Sass及Stylus的选择，缩进格式的选择，注释的显示及Hacks的显示等功能。并针对less、sass、stylus等不同格式转换结果可保存成相应格式的文件。

脚本之家工具类小程序上线了！微信小程序搜索 脚本之家工具箱 或者扫描如下小程序码直接打开小程序！

小程序工具箱仍在不断改进完善中，欢迎提出宝贵意见！

为回馈广大用户对脚本之家的关注，脚本之家不定期开展红包、图书、礼品大放送活动

关注官方微信公众平台即可参与活动！

最后，感谢您对脚本之家在线工具的支持！