openecomp-ui/resources/scss/components/_buttons.scss

   1
   2 $plus-circle-icon-size: 18px;
   3 .plus-icon-button {
   4   background: url($plus-circle-icon) no-repeat;
   5   background-size: $plus-circle-icon-size;
   6   width: $plus-circle-icon-size;
   7   height: $plus-circle-icon-size;
   8   cursor: pointer;
   9   &.small {
  10     background-size: $plus-circle-icon-size - 6;
  11     width: $plus-circle-icon-size - 6;
  12     height: $plus-circle-icon-size - 6;
  13   }
  14 }
  15
  16 .primary-btn{
  17   border: 1px solid;
  18   border-color: $blue;
  19   color: $blue;
  20   font-weight: bolder;
  21   @extend .body-1;
  22   text-align: center;
  23   padding: 7px;
  24   border-radius: 5px;
  25   cursor: pointer;
  26   align-self: center;
  27   background-color: $white;
  28   .primary-btn-text {
  29     width: 100%;
  30   }
  31   &:hover {
  32     color: $blue;
  33     border-color: $blue;
  34     background-color: $tlv-hover;
  35     &:active {
  36       color: $blue;
  37       border-color: $blue;
  38     }
  39   }
  40
  41   &:focus:not(:hover) {
  42     color: $blue;
  43     border-color: $blue;
  44     background-color: $white;
  45   }
  46 }