.Net Bundler Streifen Whitespace, wenn es ein Pluszeichen begegnet?

Question

eine einfache CSS Definition wie folgt gegeben:

min-width: calc(50% + 12px);

Wenn die CSS minimierte/gebündelt, scheint die Bündler bestimmter weißer Raum abzustreifen, so dass die oben sieht wie folgt aus:

min-width: calc(50%+ 12px);

was natürlich ist ungültig CSS und wird vom Browser ignoriert. Weiß jemand, wie/warum das passiert und ob es irgendeine Art von Einstellung gibt, um dieses Problem zu beheben?

Answer 1

.banner { 
 
    position: absolute; 
 
    left: calc(40px); 
 
    min-width: calc(50% + 12px); 
 
    border: solid black 1px; 
 
    background-color: yellow; 
 
    padding: 6px; 
 
    text-align: center; 
 
    box-sizing: border-box; 
 
}

<div class="banner">This is a banner!</div>