POLICY-SDK-APP/src/main/webapp/app/policyApp/CSS/bootstrap/less/mixins/buttons.less

   1 // Button variants
   2 //
   3 // Easily pump out default styles, as well as :hover, :focus, :active,
   4 // and disabled options for all buttons
   5
   6 .button-variant(@color; @background; @border) {
   7   color: @color;
   8   background-color: @background;
   9   border-color: @border;
  10
  11   &:hover,
  12   &:focus,
  13   &.focus,
  14   &:active,
  15   &.active,
  16   .open > .dropdown-toggle& {
  17     color: @color;
  18     background-color: darken(@background, 10%);
  19         border-color: darken(@border, 12%);
  20   }
  21   &:active,
  22   &.active,
  23   .open > .dropdown-toggle& {
  24     background-image: none;
  25   }
  26   &.disabled,
  27   &[disabled],
  28   fieldset[disabled] & {
  29     &,
  30     &:hover,
  31     &:focus,
  32     &.focus,
  33     &:active,
  34     &.active {
  35       background-color: @background;
  36           border-color: @border;
  37     }
  38   }
  39
  40   .badge {
  41     color: @background;
  42     background-color: @color;
  43   }
  44 }
  45
  46 // Button sizes
  47 .button-size(@padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) {
  48   padding: @padding-vertical @padding-horizontal;
  49   font-size: @font-size;
  50   line-height: @line-height;
  51   border-radius: @border-radius;
  52 }