2017-07-25 98 views
0

在我template.scss @import變量之上所有SCSS文件

@import "variables"; 
@import "reset"; 

,但我得到reset.scss

Libsass: Error: Undefined variable: "$baseFontSize". 
     on line 13 of .../sass/reset.scss 
>>   font-size:$baseFontSize; 

錯誤,因爲它不知道variables.scss。我用更少的

variables.scss之前從來沒有這個問題是我第一次@import文件應該在所有其他.scss工作進口

感謝幫助

回答

0

1)在你的重置文件檢查$baseFontSize ,如果存在,則遵循以下內容:

@import需要一個文件名來導入。默認情況下,它會尋找薩斯文件直接導入,但也有少數情況下才會編譯成CSS @import規則:如果文件名以http://開始

  • 如果文件名是url()
  • 如果@import有任何媒體查詢。
  • 如果@import有任何媒體查詢。

如果沒有上述條件滿足並且該擴展是.scss.sass,然後命名薩斯或SCSS文件將被導入。如果沒有擴展名,Sass會嘗試找到一個名稱爲.scss.sass的文件並將其導入。

+0

$ baseFontSize是vaiables.scss,我所有的變量和@mixin在variables.scss 用更少的我導入variables.less第一,那麼所有其他進口可以讀取它,在上海社會科學院沒有吧 感謝您的回覆,但這不是我的問題 –

0

您的變量可能在規則集(選擇器塊)內,因此是lexically scoped。因此,它們不在該塊之外。爲了規避你應該在你的variables.scss的根級別上定義所有變量,或者將!global修飾符添加到你的變量中。

$baseFontSize: 12px !global; 
相關問題