| 123456789101112131415161718192021222324252627282930313233 |
- @mixin iconed-button-variant($color, $background, $border, $hoverColor: null, $simple: false, $iconColor: null, $active-background: null) {
- //border raus
- $active-background: if($active-background, $active-background, darken($background, 9%));
- $active-border: darken($border, 12%);
- $hoverColor: if($hoverColor, $hoverColor, $color);
-
- color: $color;
- background-color: $background;
- @include box-shadow($btn-box-shadow);
- @include hover-focus {
- color: $hoverColor;
- background-color: $active-background;
- border-color: $active-border;
- }
- &.active {
- color: $hoverColor;
- background-color: $active-background;
- border-color: $active-border;
- }
- & > .btn-icon {
- @include transition($btn-transition);
- @if ($iconColor) {
- color: $iconColor;
- }
- @if ($simple == false) {
- background: $active-background;
- }
- }
- }
|