ducky/web
2015-06-30
Parent:99a43a6d1d30
ducky/web/src/styles/base/_buttons.scss
Implement OAuth token refreshing helper. Create an ampersand-sync/XHR request wrapper that will detect when a request fails because an OAuth2 token has expired, and will try to refresh the token then retry the request.
| 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 } |