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.
1 // Typography
2 $base-font-family: $helvetica;
3 $heading-font-family: $base-font-family;
5 // Font Sizes
6 $base-font-size: 1em;
8 // Line height
9 $base-line-height: 1.5;
10 $heading-line-height: 1.2;
12 // Other Sizes
13 $base-border-radius: 3px;
14 $base-spacing: $base-line-height * 1em;
15 $small-spacing: $base-spacing / 2;
16 $base-z-index: 0;
18 // Colors
19 $blue: #477dca;
20 $dark-gray: #333;
21 $medium-gray: #999;
22 $light-gray: #ddd;
24 // Font Colors
25 $base-background-color: #fff;
26 $base-font-color: $dark-gray;
27 $action-color: $blue;
29 // Border
30 $base-border-color: $light-gray;
31 $base-border: 1px solid $base-border-color;
33 // Forms
34 $form-box-shadow: inset 0 1px 3px rgba(#000, 0.06);
35 $form-box-shadow-focus: $form-box-shadow, 0 0 5px adjust-color($action-color, $lightness: -5%, $alpha: -0.3);