SASS - 生成2个不同的styleguide.css

Question

我正在使用SASS框架，我需要覆盖部分基础值（在我的情况下，生成的.row文件中为max-width .css）页面部分并离开另一部分此设置不变。
例如我在styleguide.scss文件中有以下设置：

// Fixing Foundation .row-s
  .row {
    margin-left: -1 * $half-spacing-unit;
    margin-right: -1 * $half-spacing-unit;
    width: auto;
  }

我把它改成了

.row {
   width: auto;
   max-width: 100% !important;
   }

此更改将影响所有生成的.css文件，这是合乎逻辑的。如何为页面的一部分自定义单独styleguide.css的生成？

Answer 1

我曾参与过整个网站需要针对不同国家的不同样式表的项目。

假设我们有两个国家，我会有两个变量文件，在这里将是一切不同的东西。然后我使用grunt / gulp任务来编译它们。