csso
csso copied to clipboard
Оптимизация border при наличии short-hand свойства
Например,
.class {
border: 0 solid;
border-top-width: 10px;
border-bottom-width: 10px;
}
можно оптимизировать до
.class {
border: solid;
border-width: 10px 0;
}
Т.е. когда в комплексном шортхенде определены все значения, а потом идут отдельные правила, то можно вынести в другой шортхенд часть свойств. Ну с бордерами вообще много вариантов, например
.class {
border: 1px solid green;
border-top: 1px solid red;
border-bottom: 1px solid red;
border-left: 1px solid red;
border-right: 1px solid red;
}
можно сократить вообще до
.class {
border: 1px solid red;
}
Есть глобальная задача: полный анализ shorthand и вывод максимальной короткой формы.