_iwb-button.scss 791 B

1234567891011121314151617181920212223242526272829303132333435
  1. @mixin iwb-btn-variant($name, $color) {
  2. &.btn-#{$name} {
  3. color: $white;
  4. border-color: #{$color};
  5. background: #{$color};
  6. &:hover,
  7. &:active,
  8. &.hover {
  9. border-color: darken( $color, 5%);
  10. background-color: darken( $color, 5%);
  11. color: $white;
  12. }
  13. }
  14. }
  15. @mixin iwb-btn-outline-variant($name, $color) {
  16. &.btn-outline-#{$name} {
  17. color: $color;
  18. border: 1px solid $color;
  19. background: $gray-100;
  20. &:hover,
  21. &:active,
  22. &.hover {
  23. border: 1px solid $color;
  24. background-color: $color;
  25. color: $white;
  26. }
  27. }
  28. }
  29. @mixin iwb-label-variant($name, $color) {
  30. &.label-#{$name} {
  31. background: #{$color};
  32. }
  33. }