getting stripe wired in

2019-03-05 13:34:39 -06:00
parent 43263d97b6
commit c4575fa49d
7 changed files with 133 additions and 36 deletions
--- a/css/site.css
+++ b/css/site.css
@@ -37,4 +37,32 @@ h4 {

 .box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }

-.lh-condensed { line-height: 1.25; }
+.lh-condensed { line-height: 1.25; }
+
+.StripeElement {
+    box-sizing: border-box;
+
+    height: 40px;
+
+    padding: 10px 12px;
+
+    border: 1px solid transparent;
+    border-radius: 4px;
+    background-color: white;
+
+    box-shadow: 0 1px 3px 0 #e6ebf1;
+    -webkit-transition: box-shadow 150ms ease;
+    transition: box-shadow 150ms ease;
+}
+
+.StripeElement--focus {
+    box-shadow: 0 1px 3px 0 #cfd7df;
+}
+
+.StripeElement--invalid {
+    border-color: #fa755a;
+}
+
+.StripeElement--webkit-autofill {
+    background-color: #fefde5 !important;
+}