Error in plugin: 'sass' after changing values in _settings.scss

[danieljnuttall]

Firstly my apologies for potentially asking a silly question. I've only recently moved to using Foundation and SASS so it's been a bit of a learning curve.

How can this bug be reproduced?

1. Step one
Fresh install of FoundationPress. (git clone, npm install, npm start)

2. Step two
Change any value _settings.scss (I changed $primary-color)

What did you expect to happen?
Expected frontend to reflect change in primary colour (e.g. anchor tags)

What happened instead?
Generated the following errors.

`Error in plugin 'sass'
Message:
src/assets/scss/_settings.scss
Error: Undefined variable: "$para".
on line 178 of src/assets/scss/_settings.scss

$list-lineheight: $para
------------------^`

`Error in plugin 'sass'
Message:
src/assets/scss/_settings.scss
Error: expected ':' after $menu-item-backg in assignment statement
on line 479 of src/assets/scss/_settings.scss

$menu-item-backg
^`

If I remove line 178 or assign a value manually rather than through a variable the issue resolves itself.
If I remove line 479 the issue resolves itself.

Please List the Following:

• OS & version: MacOS 10.12.6
• Node version (node -v) [Node v4+ is required] : 6.11.3
• FoundationPress version (see line 3 in package.json): 2.10.3
• Foundation version (see dependencies in package.json) : 6.4.1
  

[danieljnuttall]

I seemed to have fixed this by replacing settings.scss with the default Foundation Sites settings.scss file. Sorry I couldn't give more information.