我正在尝试将 Bootstrap 原色更改为 linear-gredient但我收到一个错误:

$theme-colors: ( 
  "primary": linear-gradient(to right, #373b44, #4286f4) 
); 

错误:

$link-hover-color:          darken($link-color, 15%) !default; 
                           ^ 
      Argument `$color` of `darken($color, $amount)` must be a color 

请您参考如下方法:

问题是 linear-gradient用于 background-image , 不是前景 color .当 SASS 编译器尝试构建 Bootstrap 时,它不能在背景图像上使用 darken(..) 函数。

相反,您可以更改 primary具有这样背景的元素的颜色...

.bg-primary, 
.btn-primary, 
.badge-primary, 
.alert-primary { 
    background-image: linear-gradient(to right, #373b44, #4286f4); 
} 

https://www.codeply.com/go/XXUxFr6tEZ


评论关闭
IT序号网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!