css,sass 渐变色作为 extjs 主题的基色

Posted 2023-02-26

【中文标题】css,sass 渐变色作为 extjs 主题的基色

【英文标题】：css,sass gradient color as the base color for extjs theming

【发布时间】：2012-11-07 17:43:05

【问题描述】：

我正在根据教程实现一个extjs主题：

http://docs.sencha.com/ext-js/4-1/#!/guide/theming

我已按预期设置并工作。

但我希望有一个渐变色作为基色：

我为 sass 尝试了以下语法，但没有成功。

请问大家有什么建议吗？

 $base-color: gradient(#09B3F0, #0A284A);

【问题讨论】：

“没用”，怎么没用？你在 Sass 中有一个名为 gradient 的函数吗？

【参考方案1】：

安装Compass 并使用这个mixin：

@include background(linear-gradient(#09B3F0, #0A284A));

Demo

gradient() 不是原生 Sass 函数，并且没有内置的渐变支持。 Compass 出色的原因之一是它使 CSS3 gradients 和其他功能轻松使用。