Расширение классов библиотеки CSS с помощью SASS для целей абстракции

Question

Мне нравится идея расширения класса из библиотеки, такой как Bootstrap, Materializecss и т. Д., В мои собственные классы, например, так:

a-btn-green {
  @extend .btn;
  background-color: green;
}

a-btn-yellow{
  @extend .btn;
  background-color: yellow;
}

Он не только практичен и удобен для включения в HTML, что ограничивает число классов, используемых в элементе, но также создает уровень абстракции. Итак, если мы когда-нибудь изменим библиотеку CSS, нам нужно только изменить наши собственные классы, чтобы настроить их под новую библиотеку.

Но этот тип расширения легко раздувает код, насколько я понимаю. У кого-нибудь есть какие-либо рекомендации или комментарии к этому?