Организация ЦСС свойств

Это Пост 17 из 100 челленджа #100DaysToOffload. Подробнее о челлендже тут.

Я раньше не задумывался, как организовывать ЦСС свойства. Однажды, наткнулся на статью Better Ways to Organise CSS Properties и подумал, вот оно — решение проблемы. Но это решение сложное, оверсинк и сложно держится в голове.

Есть простое решение и наивное: сортировать ЦСС свойства по алфавиту.

.list-item {
  align-items: center;
  display: flex;
  height: 30px;
  justify-content: center;
  width: 196px;
}