如何在自定义类上引用is-invalid的sass样式?

时间:2019-04-03 19:13:40

标签: twitter-bootstrap sass bootstrap-4

在Bootstrap中,有一个我们可以使用的名为is-invalid的类。我正在使用单独的验证工具,该工具将类input-validation-error添加到问题无效的元素上。 我无法更改该名称。我也不想重复is-invalid已经提供的样式。

SASS是否有办法让我借用is-invalid的混合或配色方案并将它们应用于我的自定义类input-validation-error

1 个答案:

答案 0 :(得分:1)

当然,您可以简单地使用@extend ...

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

演示:https://www.codeply.com/go/IBJbBsznKP


相关:How to extend existing SASS bootstrap grid classes