BS buttons

my-buttons.less

@import "../../bootstrap/mixins.less";
@import "../../bootstrap/variables.less";
@import "../my-variables.less";
#buttons {
  @padding-base-vertical: 5px;
  @padding-base-horizontal: 10px;
  @padding-large-vertical: 6px;
  @padding-large-horizontal: 12px;
  @padding-small-vertical: 4px;
  @padding-small-horizontal: 8px;
  @padding-xs-horizontal: 5px;
  @padding-xs-vertical: 1px;
}
.btn {
  text-transform: uppercase;
  #buttons;
  .button-size(@padding-base-vertical, @padding-base-horizontal, @font-size-base, @line-height-base, @border-radius-base);
}
// Button Sizes
// --------------------------------------------------

.btn-lg {
  // line-height: ensure even-numbered height of button next to large input
  #buttons;
  .button-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @border-radius-large);
}
.btn-sm {
  // line-height: ensure proper height of button next to small input
  #buttons;
  .button-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @border-radius-small);
}
.btn-xs {
  #buttons;
  .button-size(@padding-xs-vertical; @padding-xs-horizontal; @font-size-small; @line-height-small; @border-radius-small);
}

my-theme-custom.less

@import "components/my-buttons.less";

my-theme.less

@import "../bootstrap/bootstrap.less";
@import "my-variables.less";
@import "my-theme-custom.less";
@import "../bootstrap/utilities.less";
@import "../bootstrap/mixins.less";

my-variable.less

@brand-primary:             rgb(0, 128, 235);
// no rounding border
@border-radius-base:        0;
@border-radius-large:       0;
@border-radius-small:       0;
// buttons
@btn-font-weight:                bold;
// custom button primary
@btn-primary-color:              #fff;
@btn-primary-bg:                 @brand-primary;
@btn-primary-border:             @brand-primary;