I have the following CSS in my theme’s style.css file:

.main-navigation .search form input,
.main-navigation .search form button {
	min-width: 0;
	width: 0;
	flex: 1 1 auto;
}
.main-navigation .search form input {
	flex: 3 1 auto;
}

When the Minify CSS setting is on, that seems to be changed to this:

.main-navigation .search form input,
.main-navigation .search form button {
	min-width:0;
	width:0;
	flex:auto
}
.main-navigation .search form input {
	flex:initial
}

I would expect a “Minification” setting to only reformat my text (I would include dropping trailing ; in that definition) but never change my syntax. Having discovered this, I’m suddenly hesitant to use this setting any more. Please explain and ideally fix this issue.

The page I need help with: [log in to see the link]