github.com/replicatedhq/ship@v0.55.0/web/init/src/scss/utilities/buttons.scss (about)

     1  @import "../variables/variables.scss";
     2  
     3  .button-wrapper {
     4    margin-top: 20px;
     5    .btn {
     6      margin-right: 6px;
     7  
     8      &:last-child {
     9        margin-right: 0;
    10      }
    11    }
    12  }
    13  
    14  .btn {
    15    cursor: pointer;
    16    padding: 7px 12px 8px;
    17    text-decoration: none;
    18    font-size: 12px;
    19    font-weight: 700;
    20    display: inline-block;
    21    border: 0;
    22    border-radius: 3px;
    23    line-height: 15px;
    24    transition: all .2s;
    25    outline: none;
    26    position: relative;
    27  
    28  
    29  
    30    &.primary {
    31      background-color: $primary-background-color;
    32      border-width: 1px;
    33      border-style: solid;
    34      border-color: transparent;
    35      color: $primary-text-color;
    36      box-shadow: inset 0px -2px 0px 0px rgba(0,0,0,0.16);
    37  
    38      &:not(:disabled):hover {
    39        background-color: darken($primary-background-color, 8%);
    40      }
    41    }
    42  
    43    &.secondary {
    44      background-color: $secondary-background-color;
    45      border-width: 1px;
    46      border-style: solid;
    47      border-color: transparent;
    48      color: $secondary-text-color;
    49      box-shadow: inset 0px -2px 0px 0px rgba(0,0,0,0.16);
    50  
    51      &:not(:disabled):hover {
    52        background-color: darken($secondary-background-color, 6%);
    53      }
    54    }
    55  
    56    &.primary.is-disabled,
    57    &.primary.is-disabled:hover,
    58    &.primary:disabled,
    59    &.primary[disabled] {
    60      cursor: not-allowed;
    61      border-color: lighten($primary-background-color, 25%);
    62      color: $primary-text-color;
    63      background-color: lighten($primary-background-color, 25%);
    64    }
    65  
    66    &.secondary.is-disabled,
    67    &.secondary.is-disabled:hover,
    68    &.secondary:disabled,
    69    &.secondary[disabled] {
    70      cursor: not-allowed;
    71      border-color: lighten($secondary-background-color, 8%);
    72      color: $secondary-text-color;
    73      background-color: lighten($secondary-background-color, 8%);
    74    }
    75  }