2016-08-08 87 views
-1
definiert

ich meinen Kopf mit einem dummen SCSS Fehler an der Wand Absturz:Sass :: SyntaxError: Undefinierte Variable. Aber Variable

Sass::SyntaxError: Undefined variable: "$darker-grey" 
app/assets/stylesheets/mobile/general.scss:36 
app/assets/stylesheets/mobile/main.scss:6 

In meinem Haupt SCSS Datei ich habe:

@import "compass"; 
@import "compass/reset"; 
@import "bourbon"; 
@import "mobile/variables.scss"; 
@import "mobile/mixins.scss"; 
@import "mobile/general.scss"; 
@import "mobile/general-profile.scss"; 
@import "mobile/buttons.scss"; 
@import "mobile/form.scss"; 

Variablen werden vor jeder anderen Datei importiert die sie benutzen.

Dies ist meine Variablen-Datei.

/**************************************************** 
* 
* Varibles 
* 
****************************************************/ 
$imgs: "mobile/"; 

/**************************************************** 
* Colors 
****************************************************/ 

$background-color : #FFFFFF; 
$foreground-color : #1F1F1F; 

$light-gray : #F7F7F7; 
$medium-gray : #D6D6D6; 
$gray  : #A3A3A3; 
$gray-alt : #3E3E3E; 
$dark-gray : #2B2B2B; 
$darker-gray : #1F1F1F; 
$sponsored-gray : #E7E7E7; 
$green  : #82AA1E; 
$dark-green : #0F6B18; 
$orange  : #E25000; 

/**************************************************** 
* Fonts 
****************************************************/ 
$font-regular : "proxima-nova", arial, sans-serif; 
$font-condensed : "proxima-nova-extra-condensed", arial, sans-serif; 

/**************************************************** 
* Fonts size 
****************************************************/ 
$font-smaller : 0.5em; 
$font-small : 0.75em; 
$font-base : 1em; 
$font-big  : 1.8em; 
$font-bigger : 2.6em; 

$font-footer-copy : 12px; 
$font-title-page : 32px; 

/**************************************************** 
* Z-index 
****************************************************/ 
$z-i-base   : 1; 
$z-i-banner-comment : $z-i-base + 1; 
$z-i-header-menu : $z-i-banner-comment + 1; 
$z-i-icon-hamburger : $z-i-header-menu + 1; 

$z-i-modal : 100; 
$z-i-btn-close : $z-i-modal + 1; 
$z-i-modal-banner-comment : $z-i-btn-close + 1; 

Der Fehler wird auf dieser Regel zurückgegeben:

Extracted source (around line #36): 

    font-size : $font-small; 
    font-weight : 300; 
    color  : $darker-grey; 
    @include display-flex(); 
    @include flex-flow(column); 

Warum $font-small, in der gleichen Datei deklariert, ist ok, aber $darker-grey nicht ???

Antwort

1

Sie haben einen Fehler: $darker-grey ->$darker-gray

+0

Manchmal, wenn man sehr lange Zeit mit dem gleichen Teil des Codes arbeitet sehr hart, einen Tippfehler finden – kunashir