gulp or bower error [#2853939]

Getting the following error when running `gulp` inside subtheme

I just installed 6.0-alpha-2

drush fst MYTHEME
cd MYTHEME
npm install
bower install
npm start
gulp

`gulp` outputs the following error (and does not compile the file to css/)

Error in plugin 'sass'
Message:
    bower_components/foundation-sites/scss/util/_color.scss
Error: argument `$color` of `red($color)` must be a color

       Backtrace:
       	bower_components/foundation-sites/scss/util/_color.scss:19, in function `red`
       	bower_components/foundation-sites/scss/util/_color.scss:19, in function `color-luminance`
       	bower_components/foundation-sites/scss/util/_color.scss:44, in function `color-contrast`
       	bower_components/foundation-sites/scss/util/_color.scss:63, in function `color-pick-contrast`
       	bower_components/foundation-sites/scss/components/_badge.scss:59, in mixin `foundation-badge`
       	bower_components/foundation-sites/scss/foundation.scss:84, in mixin `foundation-everything`
       	scss/ghv.scss:39
        on line 19 of bower_components/foundation-sites/scss/util/_color.scss
>>   $rgba: red($color), green($color), blue($color);
   ---------^

Comments

Comment #1

19 February 2017 at 11:32

petergus created an issue. See original summary.

Comment #2

cupid20d CreditAttribution: cupid20d commented 20 February 2017 at 09:16

The foreground() function in _settings.scss is causing the issue. Refer to ...../zurb_foundation/bower_components/foundation-sites/scss/settings/_settings.scss to see how calls to the function were replaced.

Comment #3

samuel.mortenson

he/him

English

CreditAttribution: samuel.mortenson at Acquia commented 21 February 2017 at 18:56

Does this patch fix your issue? https://www.drupal.org/node/2766471#comment-11944933
If so I can commit, I just copy+pasted the standard _settings.scss into the STARTER theme.

Comment #4

petergus CreditAttribution: petergus commented 22 February 2017 at 12:34

Yes, the patch fixes, thank you!

Comment #5

HongPong CreditAttribution: HongPong as a volunteer and at kor group commented 23 February 2017 at 19:58

Yes the patch works if it is incorporated into a new child theme. Had some other non fatal warnings, logged em here #2855460: Minor warnings in gulp SCSS style file processing

Comment #6

serg2 CreditAttribution: serg2 commented 1 March 2017 at 12:19

Status:

Active

» Reviewed & tested by the community

I reproduced this error and the fix (use the dev which has the patches included in it)

Marking as RTBC as this means we should replace the the current alpha with the dev. I would also change from 6.3.0 to 6.3.1 as it has some very minor fixes.