CSS 到 SASS(或 LESS)的转换

标签 css sass less

<分区>

谁能推荐一些CSS转less,或者CSS转sass的转换工具?我找到了一些.e.g. http://css2less.cc/http://css2sass.herokuapp.com/但如果能深入了解它们的可靠性(或其他工具的建议),我们将不胜感激。我有一个用于白标解决方案的大型 CSS 代码库,如果有一个 CSS 预处理器,这将大大受益,但手动转换为 sass/less 将是一项艰巨的任务。

提前致谢

编辑:我应该强调我对使用工具(例如上面列出的那些(在没有任何更好的工具的情况下))将大型 CSS 代码库转换为使用 CSS 预处理器(如 SASS)的经验特别感兴趣或更少。或者是否有任何其他方式(除了列出的工具)实现这样的壮举是务实的。你必须克服什么障碍?它甚至值得尝试吗?还是此类元语言仅适用于您可以从头开始的新元素?

最佳答案

我在 http://css2sass.heroku.com/ 上获得了很好的体验.您还可以在 github 上找到他们的代码库。您还可以直接通过 sass-convert 工具转换文件,该工具将由原始 sass gem 安装。基本上这就是 css2sass 正在做的事情。

只需调用:

sass-convert -F css -T sass original_file.css converted_file.sass

关于CSS 到 SASS(或 LESS)的转换,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13450355/

相关文章:

html - 在 Toggle 上添加第二个类时出现语法错误

Javascript 轮动态能力

html - bootstrap less mixin .makeColumn 是否小于 span?

css - Body Margin :0, Div Width :100% problem in FF and Chrome, 在 IE 中正常

jquery - 固定位置在 Chrome 中不起作用

css - SASS 在插入某些映射键时评估 E 符号

css - 将仅接受 from & 的 mixin 转换为关键帧选择器以接受多个关键帧选择器

php - 在 Windows 上使用 less 和 symfony2

c# - 将 CSS 类添加到代码隐藏的客户端超链接

html - 页面宽度问题 - 当我希望所有内容直接从标题下方开始时,所有内容都被推到右边几英里