Skip to content

Instantly share code, notes, and snippets.

@colevscode
Created October 27, 2020 00:05
Show Gist options
  • Save colevscode/9cf19623e157cbe6822ffb8bd6e707fb to your computer and use it in GitHub Desktop.
Save colevscode/9cf19623e157cbe6822ffb8bd6e707fb to your computer and use it in GitHub Desktop.
Styling Stripe Elements example
/**
* 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 {
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;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment