Как установить цвет текста пользовательских кнопок в Bootstrap 4 и Sass? - PullRequest
Новая
       86

Как установить цвет текста пользовательских кнопок в Bootstrap 4 и Sass?

0 голосов
/ 08 мая 2018

Я хотел бы создать новый стиль кнопок в Bootstrap 4 с белым (#fff) цветом текста. Mixin button-variant автоматически устанавливает цвет текста в зависимости от цвета фона. Как я могу использовать этот миксин и установить цвет одновременно, без изменения _buttons.scss?

custom.scss 

.my_button {
  @include button-variant(HOW TO SET TEXT COLOR TO WHITE?);
}

_buttons.scss 

@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {
  color: color-yiq($background);
  @include gradient-bg($background);
  border-color: $border;
  @include box-shadow($btn-box-shadow);

  @include hover {
    color: color-yiq($hover-background);
    @include gradient-bg($hover-background);
    border-color: $hover-border;
  }

1 Ответ

0 голосов
/ 08 мая 2018

Это похоже на: Как создать новый набор цветовых стилей в Bootstrap 4 с помощью sass

Вам нужно использовать @include для пользовательской кнопки, установить color: и передать соответствующие параметры mixin ... 

.btn-custom {
    @include button-variant(pink, red, red, #444, #333, red);
    color: #fff;
}

https://www.codeply.com/go/EHwnjvUXac

Похожие: Расширение Bootstrap 4 и SASS

...