csso icon indicating copy to clipboard operation
csso copied to clipboard

Оптимизация border при наличии short-hand свойства

Open kizu opened this issue 14 years ago • 1 comments

Например,

.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;
    }

kizu avatar Sep 02 '11 17:09 kizu

Есть глобальная задача: полный анализ shorthand и вывод максимальной короткой формы.

afelix avatar Sep 02 '11 19:09 afelix