2016-04-19 12 views
0

Bourbon、Neat、Bittersを使用して、仲介者と作業しています。私は、サーバーを起動すると、私は次のエラーメッセージを取得 -

Error compiling CSS asset 
Sass::SyntaxError: Undefined variable: "$helvetica" 
in (source/stylesheets/base.css.scss: 1) 

source/stylesheets/base/_variables.css.scss:1 

を私は次のように私のbase.css.scssがある

を開い問題や他のthoughtbotフォーラムに見て、任意の成功なしに挙げるすべての解決手順を試してみました -

@charset "utf-8"; 

@import "bourbon"; 
@import "base/base"; 
@import "neat"; 

@import "partials/layout"; 
@import "partials/nav"; 
@import "partials/footer"; 

@import "highlight"; 

_base.css.scss -

@import "variables"; 
@import "grid-settings"; 
@import "buttons"; 
@import "forms"; 
@import "lists"; 
@import "tables"; 
@import "typography"; 

_variables.css.scss

$helvetica: 'Oxygen', $helvetica; 

// Typography 
$base-font-family: $helvetica; 
$heading-font-family: $base-font-family; 

// Font Sizes 
$base-font-size: 1em; 

// Line height 
$base-line-height: 1.5; 
$heading-line-height: 1.2; 
... 
+0

_variables.css.scssのインポート先がわかりません。私はまた、$ helveticaが最初に定義されている場所を見ていません。 – cimmanon

+0

@cimmanon '$ helvetica'は' _variables.css.scss'で定義されています。 '_base.css.scss'にインポートされました – Aniruddha

+0

Okですが、_base.css.scssには' $ helvetica: 'Oxygen'、$ helvetica; 'という行があります。それが '$ helvetica'が定義されている唯一の場所であれば、どのように動作すると思いますか? – cimmanon

答えて

0

間違った行は次のようになります。

$helvetica: 'Oxygen', $helvetica; 

なぜ? $helvetica$helveticaに設定しているためです。あなたは、たとえばGoogleのフォントを使用している場合、私はあなたがどうなるのかと思う

$lato: 'Lato', sans-serif; 

のようなものです。私はそれが有用であることを願っています。

1

私は自分自身と同じ問題があったと思います。

最新バージョンのビターを使用している場合は、変数$helveticaを削除したようです。

https://github.com/thoughtbot/bitters/releases/tag/v1.3.0

おそらく、以前のリリース(私は1.2作品だけではない1.3を考える)にごgemfileにビターズを設定し、仕事にそれを得るために、再びソース/スタイルシートbitters removebitters installをこれらのコマンドを実行したいと思うでしょう。

関連する問題