You are here

Home » API reference » Commerce Stripe 8

commerce_stripe.form.css in Commerce Stripe 8

Stripe payment form styles for the Commerce Stripe module.

File

css/commerce_stripe.form.css
View source 
  1. /**

  2.  * @file

  3.  * Stripe payment form styles for the Commerce Stripe module.

  4.  */

  5. 

  6. /*

  7.  * Add drupal core form elements styling to the Stripe payment form.

  8.  */

  9. .stripe-form .form-text {

  10.   border: 1px solid #ccc;

  11.   color: #3b3b3b;

  12.   font-size: 0.929em;

  13.   box-sizing: border-box;

  14.   margin: 2px 0;

  15.   padding: 4px;

  16. }

  17. .stripe-form .error {

  18.   background-color: hsl(15, 75%, 97%);

  19.   border-color: #e62600;

  20.   border-width: 1px;

  21.   box-shadow: 0 5px 5px -5px #b8b8b8 inset;

  22.   color: #a51b00;

  23. }

  24. .stripe-form #card-number-element {

  25.   width: 12em;

  26. }

  27. .stripe-form #expiration-element {

  28.   width: 5em;

  29. }

  30. .stripe-form #security-code-element {

  31.   width: 4em;

  32. }