- 首页
- 代码工具
- 在线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
变量
结果
提示!变量以 @
开头表示,此处设置的变量可替换结果中显示的内容。如:示例中@red:#f00;
表示用变量@red
替换结果中的#f00;
在线css转less/sass/stylus工具说明
1. 这款工具借鉴网上同类工具改进而来,css代码编辑器部分增加了css文件的上传与读取功能。
2. 提供了css编辑器的代码高亮显示功能。
3. 完善了变量编辑器部分的文字说明
4. 完善了转换结果代码的复制、保存及所有代码框清空的功能
5. 针对转换结果提供了LESS、Sass及Stylus的选择,缩进格式的选择,注释的显示及Hacks的显示等功能。并针对less、sass、stylus等不同格式转换结果可保存成相应格式的文件。
脚本之家工具类小程序上线了!微信小程序搜索 脚本之家工具箱 或者扫描如下小程序码直接打开小程序!
推荐一个Chrome浏览器插件合作站点
为回馈广大用户对脚本之家的关注,脚本之家不定期开展红包、图书、礼品大放送活动
关注官方微信公众平台即可参与活动!
最后,感谢您对脚本之家在线工具的支持!