ruby-on-rails - 如何使用 twitter bootstrap-sass mixins

Question

使用 Rails 3。

现在在.css.scss我创建的每个新文件中，我希望能够使用mixins，但我似乎无法使用它。

这是我的bootstrap_import.css.scss：

// Import bootstrap
// --------------------------------------------------
@import "bootstrap";
@import "bootstrap-responsive";
@media (min-width: 1200px) {
  .span12, .container {
    width: 1170px;
  }
}
@import "base";

当我调用另一个文件a.css.scss并尝试调用时@include border-radius(12px);，它只是给出了这个错误：

Undefined mixin 'border-radius'.

同样variables，我想更改一些变量的一些颜色，以便我可以在任何文件上使用它，而无需包含在每个 CSS 文件中。

谢谢你。

Answer 1

我的项目中只有一个导入有效，可能是我这边的错误或错误。

我用 bootstrap-sass v2.0.3.1 实现的解决方案是：（不是 100% 你期望的，我知道..）

我创建了一个新的 scss 文件，例如：myAppBase.css.scss

/* override bootstrap default variables */
$linkColor:      #FF0000;
$linkColorHover: #000;

@import "bootstrap";

/* App variables */
$bgImage: url('bg.jpg');
$radius: 4px;
$maxHeight:600px;
$minHeight:400px;
$bSize:1px;

如果我需要 bootstrap 和另一个 *.css.scss 文件中的变量。我在顶部包括这一行：

@import  "myAppBase";

Answer 2

我遵循了这个指南，我能够修复错误“未定义的边界半径”。 https://github.com/thomas-mcdonald/bootstrap-sass