buttons.less 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. //
  2. // Buttons
  3. // --------------------------------------------------
  4. // Button loading style
  5. .btn.btn-loading {
  6. &, &:link, &:active, &:visited, &:hover, &:focus {
  7. // make text transparent, but still take place in button
  8. color: transparent;
  9. // position loader over the text
  10. .loader-compact {
  11. height: 20px;
  12. margin-top: -20px;
  13. & > div {
  14. width: 20px;
  15. height: 20px;
  16. }
  17. }
  18. }
  19. &.btn-default .loader-compact > div {
  20. border-top-color: @btn-default-color;
  21. border-bottom-color: @btn-default-color;
  22. }
  23. &.btn-primary .loader-compact > div {
  24. border-top-color: @btn-primary-color;
  25. border-bottom-color: @btn-primary-color;
  26. }
  27. &.btn-success .loader-compact > div {
  28. border-top-color: @btn-success-color;
  29. border-bottom-color: @btn-success-color;
  30. }
  31. &.btn-info .loader-compact > div {
  32. border-top-color: @btn-info-color;
  33. border-bottom-color: @btn-info-color;
  34. }
  35. &.btn-warning .loader-compact > div {
  36. border-top-color: @btn-warning-color;
  37. border-bottom-color: @btn-warning-color;
  38. }
  39. &.btn-danger .loader-compact > div {
  40. border-top-color: @btn-danger-color;
  41. border-bottom-color: @btn-danger-color;
  42. }
  43. }