Twitter引导程序 - 如何删除子类中的梯度mixin

pie*_*zym 17 css less twitter-bootstrap

我想在我的自定义主题中继承.navbar-inner,但是我无法想象一种非hackish方法来禁用渐变(除了将两种渐变颜色设置为看起来很脏的相同颜色).任何想法如何从较少的子类中覆盖(禁用)mixin?

bap*_*tme 14

这就是你需要在css中实现的覆盖禁用渐变.

CSS:

.navbar-inner {
  background-color: #2c2c2c; 
  background-image: none;
  background-image: none;
  background-image: none;
  background-image: none;
  background-image: none;
  background-image: none;
  background-repeat: no-repeat;
  filter: none;
}
Run Code Online (Sandbox Code Playgroud)

background-image: none; 必须多次使用才能覆盖所有供应商前缀.

remove gradient

  • "background-image:none;必须多次使用才能覆盖所有供应商前缀." 那是错的!最后的胜利,所以一次就足够了.在您的示例中,您在之前的一行中覆盖自己定义的5倍. (8认同)

Sco*_*erC 5

对于SASS代码:我添加了background-color:transparent并将其移动到mixin中

@mixin override_gradient_vertical() {
  background-color:transparent;
  background-image: none;
  background-image: none;
  background-image: none;
  background-image: none;
  background-image: none;
  background-image: none;
  background-repeat: no-repeat;
  filter: none;
}
Run Code Online (Sandbox Code Playgroud)

现在你可以使用了

@include override_gradient_vertical();
Run Code Online (Sandbox Code Playgroud)