Skip to content

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

Open
@kizu

Description

@kizu

Например,

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

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions