Как скомбинировать несколько объявлений CSS с сокращением

Question

Я использую AngleSharp для анализа некоторых файлов CSS, сравнения их структуры и создания выходного файла из них. Инструмент делает все заявления явными, то есть, если правило источника:

.recent-work-wrap .overlay { 
    padding: 15px; 
} 

я получаю следующий выход из AngleSharp:

.recent-work-wrap .overlay { 
    padding-top: 15px; 
    padding-right: 15px; 
    padding-bottom: 15px; 
    padding-left: 15px; 
} 

Это хорошо для сравнения правил и выявления изменений, но вопрос в том, как это правило можно объединить с сокращением, как указано выше?

Так как еще один пример, как получить от этого:

.sample-rule { 
     margin-right: auto; 
     margin-left: auto; 
     margin-top: 30px; 
     margin-bottom: 30px; 
    } 

к этому

.sample-rule { 
     margin: 30px auto; 
    } 

Ситуация ухудшается с декларациями CSS3, потому что они действительно могут иметь много параметров .. Я проверил некоторые инструменты minifier/uglifier CSS, но они в основном используют RegEx для удаления пробелов и меньших оптимизаций. Существует ли известный способ/инструмент/библиотека для написания оптимальных сокращений из нескольких деклараций?

Answer 1

Как получить этот выход? Пробовали ли вы просмотреть сокращенные объявления (например, Margin) объекта Style?

Внутри, AngleSharp использует только объявления с длинными руками, поэтому выход такой же подробный, как и может быть. Тем не менее, AngleSharp знает большинство сокращений и должен иметь возможность рекомбинировать эти длинные полосы в их сокращенную форму.

Я не знаю, поможет ли это вам уже. Если нет, то, пожалуйста, напишите какой-то код (MWE), и я попытаюсь уточнить этот ответ.