Verhindern, dass der SASS-Quellkompiler ein Leerzeichen vor dem "! Wichtig" hinzufügt

Question

Wie kann ich die Leerzeichenhinzufügung vor !important verhindern? Es ist ein wichtiges Thema für Yahoo Mail.

Zum Beispiel der folgende Code ...

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

... wird wie folgt zusammengestellt werden ...

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

Bitte beachten Sie den Raum vor das Ausrufezeichen.

Answer 1

würde ich die gulpfile.js bearbeiten, wo Sie die SASS Aufgabe haben, und fügen Sie die Zeile

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

Dies wird ersetzen, was es auf der Ausgabe übereinstimmt.