Расширение классов библиотеки CSS с помощью SASS для целей абстракции - PullRequest
0 голосов
/ 14 февраля 2019

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

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

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

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

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

...