更改.Less css变量什么都不做(SB admin 2主题)

时间:2015-12-05 01:14:10

标签: css twitter-bootstrap less

我正在尝试为我的asp.net应用自定义SB admin 2 theme。我只使用了navbars。

快速简便地更改背景颜色。我以为我可以使用相同的方法来改变其他东西,但我显然是错的。

在我的chrome dev工具中,我看到了这种颜色:<a>元素存储在scaffolding.less文件中。

当我去那里时,我找到了这段代码:

a {
  color: @link-color;
  text-decoration: none;

  &:hover,
  &:focus {
    color: @link-hover-color;
    text-decoration: @link-hover-decoration;
  }

  &:focus {
    .tab-focus();
  }
}

我认为该代码意味着<a>元素颜色为@link-color变量。

现在当我转到变量文件时,我发现了这个:

@brand-primary:         darken(#428bca, 6.5%); // #337ab7

@link-color:            @brand-primary;

因此,实际上brand-primary 链接颜色出现在页面上,但是当我将其更改为例如:

@brand-primary:         #ff0000;

什么都没发生。导航栏中的链接仍然是这种蓝色的颜色。

我如何追踪实际上的错误?有没有方法可以找出链接颜色实际来自哪里?

0 个答案:

没有答案