-1
Я врезаться головой о стену, с глупой ошибкой SCSS:Sass :: SyntaxError: Неопределенная переменная. Но переменная определена
Sass::SyntaxError: Undefined variable: "$darker-grey"
app/assets/stylesheets/mobile/general.scss:36
app/assets/stylesheets/mobile/main.scss:6
В моем главном файле SCSS у меня есть:
@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";
переменные импортируются, прежде чем любой другой файл которые используют их.
Это файл переменных.
/****************************************************
*
* 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;
Ошибка возвращается на этом правиле:
Extracted source (around line #36):
font-size : $font-small;
font-weight : 300;
color : $darker-grey;
@include display-flex();
@include flex-flow(column);
Почему $font-small
, объявленный в том же файле, в порядке, но $darker-grey
нет ???
Иногда, когда вы работаете очень долго с той же части кода очень трудно найти опечатку – kunashir