fixed scss not updating

.gitignore

@@ -25,3 +25,4 @@ yarn-error.log*
 /.storybook
 /src/stories
 /src/styles/whatsOpen.css
+/src/styles/build

package.json

@@ -32,7 +32,7 @@
   },
   "proxy": "http://localhost:3001",
   "scripts": {
-    "build-css": "node-sass-chokidar src/styles/whatsOpen.scss -o src/styles/",
+    "build-css": "node-sass-chokidar src/styles/ -o src/styles/build",
     "watch-css": "npm run build-css --watch --recursive",
     "start-js": "react-scripts start",
     "start": "npm-run-all -p watch-css start-js",

src/index.js

@@ -11,7 +11,7 @@ import ReduxThunk from 'redux-thunk';
 import reducers from './reducers/index';
 import {MuiThemeProvider} from 'material-ui/styles';
 import theme from './theme';
-import './styles/whatsOpen.css';
+import './styles/build/whatsOpen.css';
 
 // Create a history of your choosing (we're using a browser history in this case)
 const history = createHistory();

src/styles/components/favoriteButton.scss

+@import '../_variables.scss';
+
 .favorite-button-heart {
   position: absolute;
   top: 0;

src/styles/components/sidebar.scss

+@import '../_variables.scss';
+@import '../_mixins.scss';
+
 .sidebar-label-row {
   display: flex;
 }

src/styles/containers/facilityCard.scss

+@import '../_variables.scss';
+
 .fc-root {
   width: 250px;
   border-radius: 5px !important;