Существует ли в природе инструмент удаления дублирующихся свойств с одинаковыми значениями для media queries?

Question

[Gil-Galad]

Пользуюсь clean-css. Жмет на 2 уровне великолепно, но к сожалению не обрабатывает нормально media queries.

Например, есть код

h1 {color:black;padding:0;margin:0;}

@media print {
	h1 {color:white;padding:0;margin:0;}
}

@media (min-width:768px) and (max-width:992.02px) {
	h1 {color:black;padding:1px;margin:1px;}
}

@media (max-width:1080px) {
	h1 {color:yellow;padding:0;margin:1px;}
}

и хотелось бы на выходе иметь оптимизацию

h1 {color:black;padding:0;margin:0;}

@media print {
	h1 {color:white;}
}

@media (min-width:768px) and (max-width:992.02px) {
	h1 {padding:1px;}
}

@media (max-width:1080px) {
	h1 {color:yellow;margin:1px;}
}

Comments

[Andrej Sharapov]

а зачем вы указываете одни и те же свойства?

[Gil-Galad]

Сборка идет через less. Файлов много, приложивших руку к ним тоже. В итоге получается дублирование. Вручную чистить бессмысленно. Но самый конечно треш для принтовой версии. Она парсится из обычной заменой цветов через переменные и вкладыванием в media print. Так вот тут все мне известные оптимизаторы, вместо измененных значений свойств, оставляют полный дубль css. Файл вырастает в 2 раза, когда мог бы увеличится не более чем на 5%.

[Gil-Galad]

alex-1917, не понял при чем тут ИИ. Есть сложности с сопоставлением условий медии и селекторов/свойств/значений? Есть исключения, которые мешают автоматизации? Пока заслонов не вижу. Писать самому пока не хочется. Наверняка кто-то уже решил эту проблему.

[Rustam Bainazarov]

Gil-Galad, если бы такая штука была бы, то тогда бы она наверняка была бы в том же Clean-CSS, который вы используете.

Я не нашёл инструментов, которые с этим хорошо работают. Либо они обрабатывают лишь малую часть таких вещей, либо они ломают код.