在Sass中覆盖规则

时间:2015-05-11 09:33:02

标签: css twitter-bootstrap sass

我正在尝试将一些自定义样式应用于使用Bootstrap的项目(我们使用自己编译的Sass包)。为了能够在没有合并地狱的情况下升级Bootstrap源文件,我宁愿不要触摸除_variables.scss和_bootstrap.scss之外的任何文件(在后者中我们有一些自定义导入)。

在Bootstrap源代码中,我们有_nav.scss,其中包含:

.navbar-brand {
  ...
  padding: $navbar-padding-vertical $navbar-padding-horizontal;
  ...
}

我的设计师只想更改.navbar-brand的样式(并保留其他.navbars),所以我不能简单地更改这些变量。我可以在自定义sass代码+标记中添加一个额外的类,但这意味着在浏览器级别覆盖。

在Sass中,有没有办法覆盖以下规则:

  • 不涉及编辑Bootstrap源文件吗?
  • 不涉及在浏览器中编译的css中发生覆盖吗?

0 个答案:

没有答案