Вынос общих свойств или сокращенная запись?

Question

[rtfm mftr]

Какой вариант лучше? В первом случае получается не сокращенная запись, три правила вместо одного, во втором повторение одинаковых значений
1.

.btn-social
    border: 1px solid red
    background-repeat: no-repeat
    background-position: center
.btn-social--fb
    background-image: url(...)
.btn-social--twitter
    background-image: url(...)

2.

.btn-social
    border: 1px solid red
.btn-social--fb
    background: url(...) no-repeat center
.btn-social--twitter
    background: url(...) no-repeat center

Answer 1

[Александр]

Я предпочитаю первый вариант. Код легче читать и проще поддерживать, когда свойства сгруппированы.
Конечно, до пены у рта придерживаться этого правила тоже не стоит: исходите из контекста конретной задачи и делайте наиболее логично.

Comments

[Максим Тимофеев]

+1 тоже предпочитаю так. Я не где не встречал стандарты за первую или вторую запись. Но первая удобней.