github.com/aspring/packer@v0.8.1-0.20150629211158-9db281ac0f89/website/source/assets/stylesheets/_buttons.scss (about)

     1  @mixin button {
     2    font-family: $mono;
     3    height: $button-height;
     4    line-height: $button-height;
     5    background-color: transparent;
     6    border-width: 2px;
     7    border-style: solid;
     8    display: block;
     9    padding: 0 30px;
    10    text-transform: uppercase;
    11    letter-spacing: 3px;
    12    @include rounded(5px);
    13  
    14    &.spaced {
    15      margin-right: 20px;
    16    }
    17  
    18    &.primary {
    19      color: $green;
    20      border-color: $green;
    21  
    22      &:hover {
    23        background-color: transparentize($green, .7);
    24      }
    25  
    26      &:active {
    27        background-color: transparentize($green, .5);
    28      }
    29    }
    30  
    31    &.secondary {
    32      color: $black;
    33      border-color: $black;
    34  
    35      &:hover {
    36        background-color: transparentize($black, .9);
    37      }
    38  
    39      &:active {
    40        background-color: transparentize($black, .7);
    41      }
    42    }
    43  
    44    &.inline {
    45      margin: auto $baseline;
    46      @include respond-to(mobile) {
    47        display: block;
    48        width: 100%;
    49        margin: $baseline 0;
    50      }
    51    }
    52  }