ruby-on-rails - 干出我的 CSS，但想保留基本的 CSS 语法

Question

开始一个新的 Rails 项目，我们有一个经过深思熟虑的调色板，并希望在一个地方捕捉它。我通常在 CSS 中保留颜色，但我发现在许多不同的选择器中我最终得到了所有相同的颜色，因为它显示为背景颜色、颜色、边框颜色等。我偶尔也会需要访问颜色在 Javascript 中。将每种颜色定义一次就好了。

所以我只想以一种可在 CSS 和 Javascript 中重用的方式定义我的调色板，但我不想一直使用 SASS，完全放弃 CSS 语法。

是否已经制作了允许这样做的rails插件？我可以拼凑一个 ERB 类型的解决方案，但如果其他人有现成的东西，我不想这样做。

score 2 · Accepted Answer

2

有一个名为 {less} 的新项目听起来像您正在寻找的：http: //lesscss.org/

于 2009-08-29T20:52:07.827 回答

score 2 · Accepted Answer

2

LESS似乎有一个rails plugin和一个更像 css 的语法。

于 2009-08-29T20:52:47.030 回答

score 2 · Accepted Answer

有几种服务器端解析器，如 LESS 和 SASS，但如果你想在纯 CSS 中使用调色板思维，你必须扭转你的想法。定义颜色、字体等基本样式，并在标签级别应用多个类。

[风格]

.color1{颜色：红色}

.color2{颜色：蓝色}

.color3{颜色：绿色}

.bcolor1{颜色：红色}

.bcolor2{颜色：蓝色}

.bcolor3{颜色：绿色}

[/风格]

[标签类="color1 bcolor2"]

这对我们来说非常有效。

score 0 · Accepted Answer

另一种（纯 CSS）方法可能是定义每种颜色一次，并让多个选择器与该颜色定义相关联，例如：

body,
p,
#foo,
.bar {color: #802369 }

4 回答 4