buttons.less 946 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  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. margin-top: @line-height-computed * -1;
  12. height: 20px;
  13. position: relative;
  14. top: 0px;
  15. }
  16. }
  17. &.btn-default .loader-compact > div {
  18. background-color: @btn-default-color;
  19. }
  20. &.btn-primary .loader-compact > div {
  21. background-color: @btn-primary-color;
  22. }
  23. &.btn-success .loader-compact > div {
  24. background-color: @btn-success-color;
  25. }
  26. &.btn-info .loader-compact > div {
  27. background-color: @btn-info-color;
  28. }
  29. &.btn-warning .loader-compact > div {
  30. background-color: @btn-warning-color;
  31. }
  32. &.btn-danger .loader-compact > div {
  33. background-color: @btn-danger-color;
  34. }
  35. }