Ruby on rails 如何使用twitter引导sass mixin
使用Rails 3 现在,在我创建的每个新的Ruby on rails 如何使用twitter引导sass mixin,ruby-on-rails,twitter-bootstrap,Ruby On Rails,Twitter Bootstrap,使用Rails 3 现在,在我创建的每个新的.css.scss文件中,我希望能够使用mixins,但我似乎无法使用它 这是我的bootstrap\u import.css.scss: // Import bootstrap // -------------------------------------------------- @import "bootstrap"; @import "bootstrap-responsive"; @media (min-width: 1200px) {
.css.scss
文件中,我希望能够使用mixins
,但我似乎无法使用它
这是我的bootstrap\u import.css.scss
:
// Import bootstrap
// --------------------------------------------------
@import "bootstrap";
@import "bootstrap-responsive";
@media (min-width: 1200px) {
.span12, .container {
width: 1170px;
}
}
@import "base";
当我有另一个名为a.css.scss的文件时,我尝试@包括边界半径(12px)代码>,但它只给出以下错误:
Undefined mixin 'border-radius'.
变量也一样,我想更改一些变量的颜色,这样我就可以在任何文件上使用它,而无需包含在每个CSS文件中。
谢谢。我的项目中只有一个导入是有效的,可能是我这边的错误或错误
我使用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文件中的变量。
我在顶部包括这一行:
@import "myAppBase";
我遵循了这个准则,并且我能够修复错误“未定义的边界半径”。
边界半径是一个指南针插件。你用的是指南针吗?不,用的是助推器。看看如果每个控制器都有多个CSS文件会怎么样?使用@import“myAppBase”执行的操作
,您不是在其他CSS文件中复制了所有的myAppBase
吗?我使用一个核心sass文件(如主题1)。在管理部分,我有一个其他的核心文件(如主题2)。在某些情况下,我使用每个控制器的sass/css,但没有核心sass文件(没有myAppBase)。我只对UI控件进行了一些小的调整(例外)。我找到了最佳的工作方式: