@import青菜指令不爲我工作，（未定義混入）

我用bootstrap sass gem，我不能做到這一點的工作。我有這個錯誤

未定義的mixin'make-lg-column'。

在這個文件

應用程序/資產/樣式表/ exam.css.scss

... 
.button-left{ 
    @include make-lg-column(4); 
    display:inline; 
    padding-top: 5px; 
} 
...

這是我application.css.scss

@import "bootstrap"; 
@import "exam";

如果我添加這些行到exam.css.scss它的工作原理。但我不想這樣做

@import "bootstrap/variables"; 
@import "bootstrap/mixins";

請任何意見，歡迎您，感謝您的幫助。

來源

2014-01-13 edudepetris

是否要將「考試」文件作爲application.css的一部分進行編譯？

如果我理解正確，您應該重命名您的文件exam.css.scss - > _exam.scss，並且不需要添加任何其他導入。

這是因爲exam.css.scss是一個單獨的文件和編譯器不知道任何關於applications.css.scss

來源

2014-01-13 15:47:48

這適用於我，謝謝。 – edudepetris

mixin make-lg-column在bootstrap/mixins;文件中定義。爲了處理mixins文件，你還需要提供變量文件。你可以做1 2的東西：

包括您exam.css.scss文件中的混入和變量文件，即使它不是你的喜好。
您可以將make-lg-column mixin從mixins文件複製到exam.css.scss文件的開頭。

.make-lg-column(@columns; @gutter: @grid-gutter-width){ 
    position: relative; 
    min-height: 1px; 
    padding-left: (@gutter/2); 
    padding-right: (@gutter/2); 
    @media (min-width: @screen-lg-min) { 
    float: left; 
    width: percentage((@columns/@grid-columns)); 
    } 
}

注意：您將不得不重新聲明的變量太多。

來源

2014-01-13 15:19:16 Hynes

感謝您的幫助。我不明白，因爲如果[在這個包含gem的文件中]我必須再次包含'make-lg-column'（https://github.com/twbs/bootstrap-sass/blob/master/vendor/assets /stylesheets/bootstrap/bootstrap.scss#L2-L3）。這對我來說有點困惑。 – edudepetris

我想我不理解你的問題。你想自己編譯'exam.css.scss'還是編譯成'application.css.scss'？如果你想編譯'exam.css'，你將不得不重新聲明你的變量和mixin。如果你只想編譯'application.css'，那麼你不應該重新聲明變量和mixin。看起來你試圖編譯'exam.css'，對嗎？ – Hynes

我想編譯'application.css.scss'。我正在關注[此建議]（http://pivotallabs.com/structure-your-sass-files-with-import/）。 – edudepetris

@import青菜指令不爲我工作，（未定義混入）

回答

相關問題