防止SASS gulp編譯器在「！important」之前添加一個空格

Question

如何防止在!important之前添加空格？這是雅虎郵件的一個重要問題。

例如，下面的代碼...

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

...會被編譯這樣的...

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

請感嘆號前注意空間。

Answer 1

我會編輯，你有SASS任務gulpfile.js並添加行

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

這將取代它的輸出相匹配。