buttons.less 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. //
  2. // Buttons
  3. // --------------------------------------------------
  4. // Double border size on default and lg buttons
  5. .btn {
  6. border-width: 2px;
  7. .button-size(@padding-base-vertical - 1; @padding-base-horizontal; @font-size-base; @line-height-base; @border-radius-base);
  8. &.btn-lg {
  9. .button-size(@padding-large-vertical - 1; @padding-large-horizontal; @font-size-large; @line-height-large; @border-radius-large);
  10. }
  11. &.btn-sm {
  12. border-width: 1px;
  13. .button-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @border-radius-small);
  14. }
  15. &.btn-xs {
  16. border-width: 1px;
  17. .button-size(@padding-xs-vertical; @padding-xs-horizontal; @font-size-small; @line-height-small; @border-radius-small);
  18. }
  19. }
  20. // Extra states for default btn
  21. .btn {
  22. &.btn-default {
  23. &:hover,
  24. &:focus,
  25. &.focus {
  26. background-color: @btn-default-hover-bg;
  27. border-color: @btn-default-hover-border;
  28. color: @btn-default-hover-color;
  29. }
  30. &:active,
  31. &.active,
  32. .open > .dropdown-toggle& {
  33. background-color: @btn-default-active-bg;
  34. border-color: @btn-default-active-border;
  35. color: @btn-default-active-color;
  36. }
  37. }
  38. }