Как ссылаться на sass стили is-invalid на пользовательский класс?

Question

В Bootstrap есть класс, который мы можем использовать, который называется is-invalid. Я использую отдельный инструмент проверки, который добавляет класс input-validation-error в мои элементы, где проблема недействительна. Я не могу изменить это имя . Также я не хочу дублировать стили, которые is-invalid уже предоставляет.

Есть ли способ из SASS, что я могу позаимствовать миксин или цветовые схемы is-invalid и применить их к своему пользовательскому классу под названием input-validation-error?

Answer 1

Конечно, вы можете просто использовать @extend ...

.input-validation-error {
   @extend .is-invalid;
}

Демо: https://www.codeply.com/go/IBJbBsznKP

Связано: Как расширить существующие классы сетки начальной загрузки SASS