_button.scss 740 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. .btn {
  2. padding: .75rem 1.45rem!important;
  3. font-size: .95rem;
  4. height: 36px;
  5. line-height: .7;
  6. border-radius: 0.35rem;
  7. }
  8. .btn-sm, .btn-group-sm > .btn {
  9. padding: 0.7rem 1.3rem!important;;
  10. font-size: 0.6rem;
  11. line-height: 12px;
  12. height: 32px;
  13. }
  14. .btn-custom {
  15. background: $custom;
  16. border-color: $custom;
  17. color: $white;
  18. }
  19. .btn-custom:hover {
  20. color: $white;
  21. box-shadow: 0 8px 25px -8px $custom;
  22. }
  23. .btn-outline-custom {
  24. background: $white;
  25. border: 1px solid $custom;
  26. color: $custom;
  27. }
  28. .btn-outline-custom:hover {
  29. background: rgba($custom, .15);
  30. color: $custom;
  31. }
  32. .btn-shadow {
  33. box-shadow: $btn-shadow;
  34. }
  35. .btn-shadow:hover {
  36. box-shadow: $btn-shadow-hover;
  37. }