Style stripe payment form

It's rough but it at least outlines the box for credit card details
This commit is contained in:
James Polley 2017-09-30 13:24:14 +10:00
parent 35b75b6f96
commit 271d9e05cd
2 changed files with 26 additions and 1724 deletions

View file

@ -107,3 +107,29 @@ div.system-message p.system-message-title {
font-size: 12px; font-size: 12px;
padding: 5px 0 0 12px; padding: 5px 0 0 12px;
} }
/**
* The CSS shown here will not be introduced in the Quickstart guide, but shows
* how you can use CSS to style your Element's container.
*/
.StripeElement {
background-color: white;
padding: 8px 12px;
border-radius: 4px;
border: 3px solid transparent;
box-shadow: 1px 3px 5px 1px #e6ebf1;
-webkit-transition: box-shadow 150ms ease;
transition: box-shadow 150ms ease;
}
.StripeElement--focus {
box-shadow: 1px 3px 5px 1px #cfd7df;
}
.StripeElement--invalid {
border-color: #fa755a;
}
.StripeElement--webkit-autofill {
background-color: #fefde5 !important;
}

File diff suppressed because it is too large Load diff