tools/side_chain_tool/web/node_modules/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   &:focus,
  12   &.focus {
  13     color: @color;
  14     background-color: darken(@background, 10%);
  15         border-color: darken(@border, 25%);
  16   }
  17   &:hover {
  18     color: @color;
  19     background-color: darken(@background, 10%);
  20         border-color: darken(@border, 12%);
  21   }
  22   &:active,
  23   &.active,
  24   .open > .dropdown-toggle& {
  25     color: @color;
  26     background-color: darken(@background, 10%);
  27         border-color: darken(@border, 12%);
  28
  29     &:hover,
  30     &:focus,
  31     &.focus {
  32       color: @color;
  33       background-color: darken(@background, 17%);
  34           border-color: darken(@border, 25%);
  35     }
  36   }
  37   &:active,
  38   &.active,
  39   .open > .dropdown-toggle& {
  40     background-image: none;
  41   }
  42   &.disabled,
  43   &[disabled],
  44   fieldset[disabled] & {
  45     &:hover,
  46     &:focus,
  47     &.focus {
  48       background-color: @background;
  49           border-color: @border;
  50     }
  51   }
  52
  53   .badge {
  54     color: @background;
  55     background-color: @color;
  56   }
  57 }
  58
  59 // Button sizes
  60 .button-size(@padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) {
  61   padding: @padding-vertical @padding-horizontal;
  62   font-size: @font-size;
  63   line-height: @line-height;
  64   border-radius: @border-radius;
  65 }