less/patternfly/buttons.less

   1 //
   2 // Buttons
   3 // --------------------------------------------------
   4
   5 .btn {
   6   .box-shadow(0 2px 3px rgba(0,0,0,.1));
   7   &:active {
   8     .box-shadow(inset 0 2px 8px rgba(0,0,0,.2));
   9   }
  10   &.disabled,
  11   &[disabled],
  12   fieldset[disabled] & {
  13     background-color: #f8f8f8 !important;
  14     background-image: none !important;
  15     border-color: #d1d1d1 !important;
  16     color: #969696 !important;
  17     opacity: 1;
  18     &:active {
  19       .box-shadow(none);
  20     }
  21     &.btn-link {
  22       background-color: transparent !important;
  23       border: 0;
  24     }
  25   }
  26 }
  27
  28 .btn-danger {
  29   .button-variant(@btn-danger-color; @btn-danger-bg; @btn-danger-bg-img-start; @btn-danger-bg-img-stop; @btn-danger-border);
  30 }
  31
  32 .btn-default {
  33   .button-variant(@btn-default-color; @btn-default-bg; @btn-default-bg-img-start; @btn-default-bg-img-stop; @btn-default-border);
  34 }
  35
  36 .btn-link {
  37   &, &:active {
  38     .box-shadow(none);
  39   }
  40 }
  41
  42 .btn-primary {
  43   .button-variant(@btn-primary-color; @btn-primary-bg; @btn-primary-bg-img-start; @btn-primary-bg-img-stop; @btn-primary-border);
  44 }
  45
  46 .btn-xs, .btn-group-xs .btn {
  47   font-weight: @btn-xs-font-weight;
  48 }