One major issue I’m having is .svg distortion and .css minification issues.
HTML
I am having the <head> tag disappearing issue. My <html> tag does not disappear (likely because I have <html lang=en>).
SVG
Sans Minify
Minified
It creates double lines and ruins the top arch. I realize the SVG support is supposed to be in beta, but this isn’t production ready. If it’s not working correctly, it should be off by default.
CSS
Font Sizes
My first problem was font sizes. If my css contained a decimal em value (ie font-size: 3.5em), it would round it off changing many of my font sizes a great deal. I fixed it for now by using px values instead.
RGBA Colors
Sans Minify
Notice the translucent black rectangle with the “Built at the center…” caption
.carousel-caption p { background-color: rgba(0, 0, 0, 0.5); }And the translucent white circle slide indicators.
.carousel-indicators li { background-color: rgba(255, 255, 255, 0.5); }Minified
.carousel-caption p { background-color: #000; }.carousel-indicators li { background-color: #fff; }
rgba(255, 255, 255, 0.5) does not equal #fff
I want a minifyer, but this is unusable.
It does appear that some of our issues can be resolved using some options (of which the default should probably be).
I filed an issue about the color problem I was having with the library utilized by caddy-minify, and he said everything works great on his end.
Really hope we can get this resolved!