-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 ???
Manchmal, wenn man sehr lange Zeit mit dem gleichen Teil des Codes arbeitet sehr hart, einen Tippfehler finden – kunashir