[Summary view] [Print] [Text view]

   1  .button,
   2  button,
   3  input[type="button"],
   4  input[type="reset"],
   5  input[type="submit"] {
   6  
   7      @include button-transition;
   8      background: $color__background-button;
   9      border: none;
  10      border-radius: 5px;
  11      box-sizing: border-box;
  12      color: $color__background-body;
  13      @include font-family( $font__heading );
  14      font-size: $font__size-sm;
  15      font-weight: 700;
  16      line-height: $font__line-height-heading;
  17      outline: none;
  18      padding: ( $size__spacing-unit * .76 ) $size__spacing-unit;
  19      text-decoration: none;
  20      vertical-align: bottom;
  21  
  22      &:hover {
  23          background: $color__background-button-hover;
  24          cursor: pointer;
  25      }
  26  
  27      &:visited {
  28          color: $color__background-body;
  29          text-decoration: none;
  30      }
  31  
  32      &:focus {
  33          background: $color__background-button-hover;
  34          outline: thin dotted;
  35          outline-offset: -4px;
  36      }
  37  }