Odkryłem, że najprostszym sposobem jest umieszczenie tego w swoich nadpisaniach. Przepraszam za mój niewyobrażalny wybór koloru
Bootstrap 4-Alpha SASS
.my-btn {
//@include button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border);
@include button-variant(red, white, blue);
}
Przykład Bootstrap 4 Alpha SASS
Bootstrap 3 MNIEJ
.my-btn {
//.button-variant(@btn-primary-color; @btn-primary-bg; @btn-primary-border);
.button-variant(red; white; blue);
}
Przykład Bootstrap 3 MNIEJ
Bootstrap 3 SASS
.my-btn {
//@include button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border);
@include button-variant(red, white, blue);
}
Przykład Bootstrap 3 SASS
Bootstrap 2.3 MNIEJ
.btn-primary {
//.buttonBackground(@btnBackground, @btnBackgroundHighlight, @grayDark, 0 1px 1px rgba(255,255,255,.75));
.buttonBackground(red, white);
}
Bootstrap 2.3 MNIEJ Przykład
Bootstrap 2.3 SASS
.btn-primary {
//@include buttonBackground($btnPrimaryBackground, $btnPrimaryBackgroundHighlight);
@include buttonBackground(red, white);
}
Za Ciebie zadba o najechanie / aktywowanie
Z komentarzy, jeśli chcesz rozjaśnić przycisk zamiast przyciemniać podczas używania czerni (lub po prostu chcesz odwrócić), musisz rozszerzyć klasę nieco dalej:
Bootstrap 3 SASS Ligthen
.my-btn {
// @include button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border);
$color: #fff;
$background: #000;
$border: #333;
@include button-variant($color, $background, $border);
// override the default darkening with lightening
&:hover,
&:focus,
&.focus,
&:active,
&.active,
.open > &.dropdown-toggle {
color: $color;
background-color: lighten($background, 20%); //10% default
border-color: lighten($border, 22%); // 12% default
}
}
Przykład Bootstrap 3 SASS Lighten
lessc
. Nie edytuj bezpośrednio plików CSS! Nie da się tego utrzymać.