防止 SASS gulp 编译器在 "!important" 之前添加 space

Question

如何防止在 !important 之前添加 space？这是雅虎邮箱的一个重要问题。

例如下面的代码...

.align-block {
  @media (max-width: 699px) {
    width: 100%!important;
  }
}

...会这样编译...

@media (max-width: 700px) {
  .align-block {
    width: 100% !important;
  }
}

请注意space感叹号前的

Answer 1

我会在你有 SASS 任务的地方编辑 gulpfile.js 并添加行

.pipe(replace(' !important', '!important'));

这将替换它在输出中匹配的内容。

Prevent SASS gulp compiler from adding a space before the "!important"