Мне нравится идея расширения класса из библиотеки, такой как Bootstrap, Materializecss и т. Д., На мои собственные классы, например, вот так:
a-btn-green {
@extend .btn;
background-color: green;
}
a-btn-yellow{
@extend .btn;
background-color: yellow;
}
Мало того, что это практично и доступно для чтения, чтобы включить егов HTML, который ограничивает количество классов, используемых на элементе, но также создает уровень абстракции.Так что, если мы когда-нибудь изменим библиотеку CSS, нам нужно будет только изменить наши собственные классы, чтобы настроить их под новую библиотеку.
Но этот тип расширения легко раздувает код, насколько я понимаю.У кого-нибудь есть какие-либо рекомендации или комментарии к этому?