干燥我的 CSS,但想保留基本的 CSS 语法
-
20-09-2019 - |
题
开始一个新的轨道项目,我们有一个经过深思熟虑的调色板,并希望在一个地方捕捉到它。我通常在 CSS 中保留颜色,但我发现在许多不同的选择器中最终都会得到相同的颜色,因为它显示为背景颜色、颜色、边框颜色等。我偶尔也需要访问 Javascript 中的颜色。最好只定义一次每种颜色。
所以我只想以一种可在 CSS 和 Javascript 中重用的方式定义我的调色板,但我不想一直使用 SASS,完全放弃 CSS 语法。
是否已经有一个 Rails 插件可以实现这一点?我可以将 ERB 类型的解决方案拼凑在一起,但如果其他人有现成的东西,我就不想这样做。
解决方案
有一个新的项目出来叫{}少听起来像你正在寻找什么: http://lesscss.org /
其他提示
有几个服务器端的解析器一样都不能少和SASS,但如果你想使用palett心态直CSS,你必须REVERS你的思维。定义基本样式如颜色,字体等并在该标签级别应用多个类。
[式]
.color1 {颜色:红}
.color2 {颜色:蓝}
.color3 {颜色:绿}
.bcolor1 {颜色:红}
.bcolor2 {颜色:蓝}
.bcolor3 {颜色:绿}
[/风格]
[标签类= “颜色1 bcolor2”]
这工作对我们非常好。
另一个(纯CSS)方式可以是一次定义每种颜色,并且具有与该OE颜色定义相关联的几个选择,例如:
body,
p,
#foo,
.bar {color: #802369 }
不隶属于 StackOverflow