Порядок CSS правил

// Позиционирование
«position»,
«top»,
«right»,
«bottom»,
«left»,
«z-index»,

 // Отображение и модель коробки
«display»,
«float»,
«width»,
«height»,
«max-width»,
«max-height»,
«min-width»,
«min-height»,
«padding»,
«padding-top»,
«padding-right»,
«padding-bottom»,
«padding-left»,
«margin»,
«margin-top»,
«margin-right»,
«margin-bottom»,
«margin-left»,
«margin-collapse»,
«margin-top-collapse»,
«margin-right-collapse»,
«margin-bottom-collapse»,
«margin-left-collapse»,
«overflow»,
«overflow-x»,
«overflow-y»,
«clip»,
«clear»,


// Гибкий контейнер
«flex-basis»,
«flex-direction»,
«flex-flow»,
«flex-grow»,
«flex-shrink»,
«flex-wrap»,


// Гибкий элемент
«align-self»,
«flex»,
«flex-grow»,
«flex-shrink»,
«flex-basis»,
«order»,

// Сетка
«grid»,
«grid-area»,
«grid-template»,
«grid-template-areas»,
«grid-template-rows»,
«grid-template-columns»,
«grid-row»,
«grid-row-start»,
«grid-row-end»,
«grid-column»,
«grid-column-start»,
«grid-column-end»,
«grid-auto-rows»,
«grid-auto-columns»,
«grid-auto-flow»,
«grid-gap»,
«grid-row-gap»,
«grid-column-gap»,

// Типография
«font»,
«font-family»,
«font-size»,
«font-weight»,
«font-smoothing»,
«font-style»,
«line-height»,
«letter-spacing»,
«text-align»,
«text-decoration»,
«text-transform»,
«text-wrap»,
«text-overflow»,
«text-shadow»,
«vertical-align»,
«white-space»,
«word-spacing»,
«word-wrap»,
«word-break»,
«tab-size»,

// Цвета и фон
«color»,
«background»,
«background-color»,
«background-image»,
«background-position»,
«background-size»,
«background-repeat»,
«background-origin»,
«background-clip»,
«background-attachment»,
«border»,
«border-top»,
«border-right»,
«border-bottom»,
«border-left»,
«border-width»,
«border-top-width»,
«border-right-width»,
«border-bottom-width»,
«border-left-width»,
«border-style»,
«border-top-style»,
«border-right-style»,
«border-bottom-style»,
«border-left-style»,
«border-radius»,
«border-top-left-radius»,
«border-top-right-radius»,
«border-bottom-left-radius»,
«border-bottom-right-radius»,
«border-color»,
«border-top-color»,
«border-right-color»,
«border-bottom-color»,
«border-left-color»,
«outline»,
«outline-color»,
«outline-offset»,
«outline-width»,
«outline-style»,
«opacity»,
«box-shadow»,
«transform»,
«transform-origin»,
«transition»,
«transition-delay»,
«transition-timing-function»,
«transition-duration»,
«transition-property»,
«cursor»,
«visibility»,

// Другое
«content»,
«quotes»,
«resize»,
«pointer-events»,
«user-select»,
«box-sizing»

Оставьте комментарий