在保持凉亭文件清洁的同时覆盖基础变量

Question

我是基金会的新手，也是SCSS的特殊人选。我最自豪，最好的做法是覆盖默认值，比如颜色和字体。

Bootstrap有一个类似的问题，我会接受它作为正确的答案： Overriding Bootstrap variables without touching Bower

你如何用基金会解决这个问题？

好的，让它更清楚。我有一个像这样的文件夹结构：

├── app
├── app.js
├── bower.json
├── bower_components
│   ├── foundation
│       ├── bower.json
│       ├── css
│       ├── js
│       ├── package.json
│       └── scss
│       ├── foundation
│       │   ├── _functions.scss
│       │   ├── _settings.scss
│       └── components
│       ├── foundation.scss
│       └── normalize.scss
├── gulpfile.js
├── index.html
├── scss
    ├── app.scss
    └── theme
        ├── _settings.scss
        └── theme.scss

当我更改所需的变量我的主题设置部分时，似乎没有任何事情发生。我只是不想接触凉亭的任何东西。 我的app.scss文件导入了凉亭foundation.scss和theme.scss，然后将我的设置部分加载。