Hi Rafi & Gang, 

I've had this issue mulitple times as I like to run all my SCSS files in SASS and when I convert my _settings.scss file to _settings.sass I always get the error that my color palette is not defined.  I haven't found a way around it, so I always switch back to SCSS for the _settings.scss file.  

So I've switched back to the SCSS format, but I'm still getting the error  error scss/_settings.scss (Line 577: Undefined variable: "$primary".

Line 577 is where I call the $primary color to be used as my background color for topbar

$topbar-background: $primary;

My issue seems very similar to this post by Shariff, but I can't tell how he resolved his issue.  I have restarted my local server and SASS from the command line.    

 

Here's a look at my global declarations in _settings.scss

$global-font-size: 100%;
$global-width: rem-calc(1200);
$global-lineheight: 1.5;
$foundation-palette: (
  primary: #1779ba,
  secondary: #767676,
  success: #3adb76,
  warning: #ffae00,
  alert: #cc4b37,
);
$light-gray: #e6e6e6;
$medium-gray: #cacaca;
$dark-gray: #8a8a8a;
$black: #0a0a0a;
$white: #fefefe;
$body-background: $white;
$body-font-color: $black;
$body-font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
$body-antialiased: true;
$global-margin: 1rem;
$global-padding: 1rem;
$global-weight-normal: normal;
$global-weight-bold: bold;
$global-radius: 0;
$global-text-direction: ltr;
$global-flexbox: false;
$print-transparent-backgrounds: true;

@include add-foundation-colors;