ducky/web
2015-06-30
Parent:99a43a6d1d30
ducky/web/src/styles/base/_variables.scss
Update to use plans instead of PWYW. If we're going to lean on Stripe for most of our subscription processing, we need to use plans, instead of pay what you want. This updates the page to replace our amount input with a plan select box. It also removes the nonsense about finding your first charge date, because Stripe forced us into a simpler, but harder to predict, billing model. We also updated our CSS to work with select boxes, as well as text inputs.
| paddy@0 | 1 // Typography |
| paddy@0 | 2 $base-font-family: $helvetica; |
| paddy@0 | 3 $heading-font-family: $base-font-family; |
| paddy@0 | 4 |
| paddy@0 | 5 // Font Sizes |
| paddy@0 | 6 $base-font-size: 1em; |
| paddy@0 | 7 |
| paddy@0 | 8 // Line height |
| paddy@0 | 9 $base-line-height: 1.5; |
| paddy@0 | 10 $heading-line-height: 1.2; |
| paddy@0 | 11 |
| paddy@0 | 12 // Other Sizes |
| paddy@0 | 13 $base-border-radius: 3px; |
| paddy@0 | 14 $base-spacing: $base-line-height * 1em; |
| paddy@0 | 15 $small-spacing: $base-spacing / 2; |
| paddy@0 | 16 $base-z-index: 0; |
| paddy@0 | 17 |
| paddy@0 | 18 // Colors |
| paddy@0 | 19 $blue: #477dca; |
| paddy@0 | 20 $dark-gray: #333; |
| paddy@0 | 21 $medium-gray: #999; |
| paddy@0 | 22 $light-gray: #ddd; |
| paddy@0 | 23 |
| paddy@0 | 24 // Font Colors |
| paddy@0 | 25 $base-background-color: #fff; |
| paddy@0 | 26 $base-font-color: $dark-gray; |
| paddy@0 | 27 $action-color: $blue; |
| paddy@0 | 28 |
| paddy@0 | 29 // Border |
| paddy@0 | 30 $base-border-color: $light-gray; |
| paddy@0 | 31 $base-border: 1px solid $base-border-color; |
| paddy@0 | 32 |
| paddy@0 | 33 // Forms |
| paddy@0 | 34 $form-box-shadow: inset 0 1px 3px rgba(#000, 0.06); |
| paddy@0 | 35 $form-box-shadow-focus: $form-box-shadow, 0 0 5px adjust-color($action-color, $lightness: -5%, $alpha: -0.3); |