ecomp-portal-FE-common/client/app/styles/buttons.less

   1 .ecomp-btn {
   2     .white14m;
   3     border-style: solid;
   4     border-width: 1px;
   5     border-radius: 6px;
   6     box-shadow: 0px 1px 0.99px 0.01px rgba(2, 60, 89, 0.004);
   7     height: 29px;
   8     line-height: 29px;
   9     cursor: pointer;
  10     text-align: center;
  11
  12     &:disabled {
  13         opacity: .5;
  14         cursor: default;
  15     }
  16     &:focus {
  17         outline: 0;
  18         border: 1px solid @funcRed;
  19     }
  20 }
  21 .btn-green {
  22     .ecomp-btn;
  23     border-color: @green-border;
  24     background: @green-active;
  25     &:hover {
  26         &:disabled {
  27             background: @green-active;
  28         }
  29         background: @green-hover;
  30     }
  31 }
  32 .btn-blue {
  33     .ecomp-btn;
  34     //border-color: @blue-border;
  35     background: @blue-active;
  36
  37     &:hover {
  38         -webkit-transition: background-color .3s ease-out;
  39         -moz-transition: background-color .3s ease-out;
  40         transition: background-color .3s ease-out;
  41         background: @blue-hover;
  42         color : @funcBkgGray;
  43         &.disabled {
  44             background: @blue-active;
  45             opacity: 0.5;
  46             cursor: default;
  47         }
  48     }
  49
  50     &.disabled {
  51         opacity: 0.5;
  52         cursor: default;
  53     }
  54 }