_iwb-button.scss 866 B

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