自动处理供应商前缀的CSS框架？

我看过蓝图，更少和SCSS，他们都没有做我想做的事。我觉得这很难相信，因为处理供应商前缀是编写CSS最令人沮丧的部分，所以它似乎是任何编写CSS框架的人都应该解决的第一个问题。自动处理供应商前缀的CSS框架？

我想知道，有没有我可以使用的框架（或rails gem），允许我编写border-radius:5px，然后让我假设它会创建一个包含所有正确供应商前缀的规则？

感谢

2012-04-04 D-Nice

你看着罗盘（萨斯框架）？ – steveax 2012-04-04 21:32:33

是的，我也看了一下指南针，并没有看到任何解决方案。 – 2012-04-05 04:35:39

来自Compass Docs - Compass核心框架 - Imports：[CSS3 - 提供跨浏览器CSS3 mixins，利用可用的预规格供应商前缀。]（http://compass-style.org/reference/compass/） – steveax 2012-04-06 01:18:24

实际上，你可以用较低的Mixin做到这一点很容易 - 基本上你写了一次，从那里出来，你有一条线应用它。就像这样：

// Border Radius 
.border-radius(@radius: 5px) { 
    -webkit-border-radius: @radius; 
    -moz-border-radius: @radius; 
      border-radius: @radius; 
}

然后你symply做到这一点的一行，你需要一个边界半径：

.classname { 
    .border-radius(5px); 
}

如果你还没有准备好少，那么你可以只通过Prefixr处理您的代码 - 它会为您生成浏览器前缀（然后您必须将代码复制粘贴回您的文件中）。

来源

2012-04-04 20:05:40 ryankeairns

您可以使用：http://sjevsejev.blogspot.com/2012/07/lessjs-function-generates-prefixes-for.html

那么这将是足够使用：

.pf('transition','all 1s ease-in-out'); 
.pf('border-radius',3px); 
.pf('box-shadow','2px 2px 5px 0 rgba(0,0,0,.6)'); 
.pf('flex', 1);

来源

2012-07-21 15:04:59

该链接看起来像你自己的博客。如果是的话，你可能想在答案中提到它。 – Flexo 2012-07-21 18:36:01

自动处理供应商前缀的CSS框架？

回答

相关问题