_buttons.scss 972 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. // Buttons
  2. //
  3. // Custom buttons for the docs.
  4. .btn-bd-primary {
  5. font-weight: 600;
  6. color: $white;
  7. background-color: $bd-purple-bright;
  8. border-color: $bd-purple-bright;
  9. &:hover,
  10. &:active {
  11. color: $white;
  12. background-color: shade-color($bd-purple-bright, 20%);
  13. border-color: shade-color($bd-purple-bright, 20%);
  14. }
  15. &:focus {
  16. box-shadow: 0 0 0 3px rgba($bd-purple-bright, .25);
  17. }
  18. }
  19. .btn-bd-download {
  20. font-weight: 600;
  21. color: $bd-download;
  22. border-color: $bd-download;
  23. &:hover,
  24. &:active {
  25. color: $bd-dark;
  26. background-color: $bd-download;
  27. border-color: $bd-download;
  28. }
  29. &:focus {
  30. box-shadow: 0 0 0 3px rgba($bd-download, .25);
  31. }
  32. }
  33. .btn-bd-light {
  34. color: $gray-600;
  35. border-color: $gray-300;
  36. .show > &,
  37. &:hover,
  38. &:active {
  39. color: $bd-purple-bright;
  40. background-color: $white;
  41. border-color: $bd-purple-bright;
  42. }
  43. &:focus {
  44. box-shadow: 0 0 0 3px rgba($bd-purple-bright, .25);
  45. }
  46. }