ducky/web
2015-05-29
Parent:99a43a6d1d30
ducky/web/src/styles/base/_buttons.scss
Stop ignoring our build folder. Now that our HTML lives in our build folder, we should probably stop ignoring it. This means that an `hg clone` followed by an `npm install` followed by an `npm run deploy` will work. I hope.
| paddy@0 | 1 #{$all-button-inputs}, |
| paddy@0 | 2 button { |
| paddy@0 | 3 @include appearance(none); |
| paddy@0 | 4 -webkit-font-smoothing: antialiased; |
| paddy@0 | 5 background-color: $action-color; |
| paddy@0 | 6 border-radius: $base-border-radius; |
| paddy@0 | 7 border: none; |
| paddy@0 | 8 color: #fff; |
| paddy@0 | 9 cursor: pointer; |
| paddy@0 | 10 display: inline-block; |
| paddy@0 | 11 font-family: $base-font-family; |
| paddy@0 | 12 font-size: $base-font-size; |
| paddy@0 | 13 font-weight: 600; |
| paddy@0 | 14 line-height: 1; |
| paddy@0 | 15 padding: 0.75em 1em; |
| paddy@0 | 16 text-decoration: none; |
| paddy@0 | 17 user-select: none; |
| paddy@0 | 18 vertical-align: middle; |
| paddy@0 | 19 white-space: nowrap; |
| paddy@0 | 20 |
| paddy@0 | 21 &:hover, |
| paddy@0 | 22 &:focus { |
| paddy@0 | 23 background-color: darken($action-color, 15%); |
| paddy@0 | 24 color: #fff; |
| paddy@0 | 25 } |
| paddy@0 | 26 |
| paddy@0 | 27 &:disabled { |
| paddy@0 | 28 cursor: not-allowed; |
| paddy@0 | 29 opacity: 0.5; |
| paddy@0 | 30 } |
| paddy@0 | 31 } |