_buttons.scss 833 B

123456789101112131415161718192021222324252627282930313233
  1. @mixin iconed-button-variant($color, $background, $border, $hoverColor: null, $simple: false, $iconColor: null, $active-background: null) {
  2. //border raus
  3. $active-background: if($active-background, $active-background, darken($background, 9%));
  4. $active-border: darken($border, 12%);
  5. $hoverColor: if($hoverColor, $hoverColor, $color);
  6. color: $color;
  7. background-color: $background;
  8. @include box-shadow($btn-box-shadow);
  9. @include hover-focus {
  10. color: $hoverColor;
  11. background-color: $active-background;
  12. border-color: $active-border;
  13. }
  14. &.active {
  15. color: $hoverColor;
  16. background-color: $active-background;
  17. border-color: $active-border;
  18. }
  19. & > .btn-icon {
  20. @include transition($btn-transition);
  21. @if ($iconColor) {
  22. color: $iconColor;
  23. }
  24. @if ($simple == false) {
  25. background: $active-background;
  26. }
  27. }
  28. }