_button.scss 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. .btn {
  2. padding: 0.5rem 1.2rem !important;
  3. font-size: 0.9rem;
  4. height: 38px;
  5. line-height: 0.1;
  6. border-radius: 0.2rem;
  7. box-shadow: $btn-shadow;
  8. cursor: pointer;
  9. }
  10. .btn-warning {
  11. color: white;
  12. }
  13. .btn-group {
  14. .btn {
  15. box-shadow: none;
  16. }
  17. .btn:not(.btn-white):hover {
  18. box-shadow: $shadow-200;
  19. }
  20. .btn.btn-white {
  21. box-shadow: $btn-group-btn-shadow;
  22. }
  23. box-shadow: $btn-shadow;
  24. }
  25. .btn-sm, .btn-group-sm > .btn {
  26. padding: 0.45rem 1rem !important;
  27. font-size: 0.6rem;
  28. line-height: 1;
  29. height: 30px;
  30. }
  31. //a.btn-sm, .btn-group-sm > a.btn {
  32. // padding: 0.6rem 1rem !important;
  33. //}
  34. // --------------------- btn-custom -----------------------
  35. .btn-custom {
  36. @include button-variant($custom, $custom);
  37. }
  38. .btn-outline-custom {
  39. @include button-outline-variant($custom, $custom);
  40. }
  41. // --------------------- btn-cyan -----------------------
  42. .btn-cyan {
  43. @include button-variant($cyan, $cyan);
  44. }
  45. .btn-outline-cyan {
  46. @include button-outline-variant($cyan, $cyan);
  47. }
  48. .btn.btn-white {
  49. color: $font-color;
  50. }
  51. .btn.btn-white.btn-primary, .btn.btn-white.btn-primary:hover, .btn.btn-white.btn-primary:focus {
  52. color: $white !important;
  53. }
  54. .btn-white:hover,.btn-white:focus,.btn-white.active {
  55. box-shadow: $btn-shadow-hover !important;
  56. }
  57. .btn-light {
  58. border-color: #f7f7f9!important;
  59. background-color: #f7f7f9!important;
  60. color: #444;
  61. }
  62. .btn-light:hover, .btn-light:focus {
  63. box-shadow: $btn-shadow-hover!important;
  64. color: #444!important;
  65. }
  66. .btn-no-shadow {
  67. box-shadow: none;
  68. }
  69. .btn-outline-primary, .btn-outline-success, .btn-outline-danger, .btn-outline-info, .btn-outline-warning, .btn-outline-dark,
  70. .btn-flat-primary, .btn-flat-success, .btn-flat-danger, .btn-flat-info, .btn-flat-warning, .btn-flat-dark {
  71. box-shadow: none;
  72. }
  73. .input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn {
  74. padding: 0.5rem .7rem;
  75. }
  76. // loading
  77. .btn:not(.btn-sm) .spinner-grow, a:not(.btn) .spinner-grow {
  78. margin-bottom: .15rem;
  79. }