Huhu Leute,
heute habe ich mal ein etwas spezielleres Problem.
Wenn ich im PhpStorm mithilfe des yuicompressors die bootstrap.css komprimiere, dann fehlen anschließend in der komprimierten Version alle Leerzeichen zwischen den einzelnen Angaben im "url" Attribut. Das führt dazu, dass alle über die URL eingebundenen SVGs anschließend nicht mehr angezeigt werden können.
Hier mal ein Beispiel:
Bootstrap normal:
Bootstrap komprimiert:
Hat noch jemand das Problem und möglicherweise sogar eine Lösung dafür?
heute habe ich mal ein etwas spezielleres Problem.
Wenn ich im PhpStorm mithilfe des yuicompressors die bootstrap.css komprimiere, dann fehlen anschließend in der komprimierten Version alle Leerzeichen zwischen den einzelnen Angaben im "url" Attribut. Das führt dazu, dass alle über die URL eingebundenen SVGs anschließend nicht mehr angezeigt werden können.
Hier mal ein Beispiel:
Bootstrap normal:
Code:
.navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
Bootstrap komprimiert:
Code:
.navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvgviewBox='003030'xmlns='http://www.w3.org/2000/svg'%3e%3cpathstroke='rgba(255,255,255,0.5)'stroke-width='2'stroke-linecap='round'stroke-miterlimit='10'd='M47h22M415h22M423h22'/%3e%3c/svg%3e")
}
Hat noch jemand das Problem und möglicherweise sogar eine Lösung dafür?