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;

如果我需要其他 *.css.scss 文件中的 bootstrap 和我的变量。
我在顶部包含这一行:

@import  "myAppBase";