buttons.less 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  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. & > div {
  13. width: 20px;
  14. height: 20px;
  15. }
  16. }
  17. }
  18. &.btn-default .loader-compact > div {
  19. border-top-color: @btn-default-color;
  20. border-bottom-color: @btn-default-color;
  21. }
  22. &.btn-primary .loader-compact > div {
  23. border-top-color: @btn-primary-color;
  24. border-bottom-color: @btn-primary-color;
  25. }
  26. &.btn-success .loader-compact > div {
  27. border-top-color: @btn-success-color;
  28. border-bottom-color: @btn-success-color;
  29. }
  30. &.btn-info .loader-compact > div {
  31. border-top-color: @btn-info-color;
  32. border-bottom-color: @btn-info-color;
  33. }
  34. &.btn-warning .loader-compact > div {
  35. border-top-color: @btn-warning-color;
  36. border-bottom-color: @btn-warning-color;
  37. }
  38. &.btn-danger .loader-compact > div {
  39. border-top-color: @btn-danger-color;
  40. border-bottom-color: @btn-danger-color;
  41. }
  42. }