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 }