Как лучше использовать классы и стили?

Question

[Илья Пирожок]

Допустим у меня есть дизайн кнопки на сайте который повторяется на многих страница (стандартная кнопка UI), как лучше задать стили для них?
1) Создать стиль .button {...} и присваивать его в коде html для каждой кнопки ?
2) Создать шаблон кнопки в Sass и использовать @extends для кнопок и давая им разные классы в html? Как все таки делать разумнее?

Answer 1

[Сергей delphinpro]

Пирожок, блин. extends - для расширения базового класса, добавления ему новых свойств. а не для дублирования одного и того же.

Comments

[Илья Пирожок]

Т.е. разумнее создать общий класс с нужными стилями и присваивать его нужно кнопке?

[Сергей delphinpro]

Илья Пирожок: ну конечно!

[Илья Пирожок]

Сергей: допустим так? Есть каркас всех кнопок, а если нужно мы просто дополняем наследованием?
.button {
display: inline-block;
text-align: center;
font-size: 16px;
}

.button {
@extends %RedButton;
}

Answer 2

[Денис Князев]

разумнее, чтобы у всех одинаковых кнопок был одинаковый класс.
Присваивай всем .button, сделаешь ты это через css , или наследованием в sass, не важно.

Answer 3

[Степан Крапивин]

Более объективно сделать миксин/набор миксинов (не знаю как это называется в sass)
на основе этого миксина сделать класс .button, в html применять этот класс и,
когда нужно, в стилях применять миксин к похожим на кнопку элементам.