Home | History | Annotate | Download | only in mixins 
      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 }
     53