Menu icon Foundation
gulpfile.js : Error in plugin 'sass'

I got following error in Yeti Launch after edited the _settings.scss, although I have make sure that the variable $light-gray has un-commented and no typo error :

[17:26:52]
$ Starting 'sass'...
$ Error in plugin 'sass'
$ Message:
$ src/assets/scss/_settings.scss
$ Error: Undefined variable: "$light-gray".
$ on line 101 of src/assets/scss/_settings.scss
$ >> $button-background: $light-gray;
$ --------------------^
$ [17:26:52]
$ Finished 'sass' after 47 ms
$ [BS] Reloading Browsers...

_settings.scss :

$light-gray: #ccc;
$medium-gray: #999;
$dark-gray: #666;
...
// $button-fill: solid;
$button-background: $light-gray;
// $button-background-hover: scale-color($button-background, $lightness: -15%);

Is it a bug or my mistake?

foundation 6Sassyeti launch

I got following error in Yeti Launch after edited the _settings.scss, although I have make sure that the variable $light-gray has un-commented and no typo error :

[17:26:52]
$ Starting 'sass'...
$ Error in plugin 'sass'
$ Message:
$ src/assets/scss/_settings.scss
$ Error: Undefined variable: "$light-gray".
$ on line 101 of src/assets/scss/_settings.scss
$ >> $button-background: $light-gray;
$ --------------------^
$ [17:26:52]
$ Finished 'sass' after 47 ms
$ [BS] Reloading Browsers...

_settings.scss :

$light-gray: #ccc;
$medium-gray: #999;
$dark-gray: #666;
...
// $button-fill: solid;
$button-background: $light-gray;
// $button-background-hover: scale-color($button-background, $lightness: -15%);

Is it a bug or my mistake?

Erik M over 3 years ago

It is a bug for sure. Yeti Launch should report scss errors properly, and we have actually patched it to do this. I'd recommend downloading again from http://foundation.zurb.com/develop/yeti-launch.html. This will add the scss error reporting, and some other great features.

Hope that helps!
Erik