You are here

commerce_square.form.css in Commerce Square Connect 8

#edit-commerce-payment-payment-details-square-number {
  width: 16em;
  margin-top: 10px;
  margin-right: 10px;
}

#edit-commerce-payment-payment-details-square-cvv {
  margin-top: 10px;
  width: 82px;
}

.credit-card-form__expiration {
  margin-top: 10px;
  margin-bottom: 1em;
}

.sq-input {
  height: 2.2em;
  border: 1px solid #d6d2c4;
  padding: 4px;
  background: #fff;
  box-sizing: border-box;
}

.square-form .credit-card-form__expiration .form-item {
  margin-right: 5px;
}
.square-form .credit-card-form__expiration .form-item:last-child {
  margin-right: 0;
}

.sq-input--focus {
  border-color: #777;
}

.sq-input--error {
  border-color: red;
}

#square-postal-code {
  display: none;
}

File

css/commerce_square.form.css
View source
  1. #edit-commerce-payment-payment-details-square-number {
  2. width: 16em;
  3. margin-top: 10px;
  4. margin-right: 10px;
  5. }
  6. #edit-commerce-payment-payment-details-square-cvv {
  7. margin-top: 10px;
  8. width: 82px;
  9. }
  10. .credit-card-form__expiration {
  11. margin-top: 10px;
  12. margin-bottom: 1em;
  13. }
  14. .sq-input {
  15. height: 2.2em;
  16. border: 1px solid #d6d2c4;
  17. padding: 4px;
  18. background: #fff;
  19. box-sizing: border-box;
  20. }
  21. .square-form .credit-card-form__expiration .form-item {
  22. margin-right: 5px;
  23. }
  24. .square-form .credit-card-form__expiration .form-item:last-child {
  25. margin-right: 0;
  26. }
  27. .sq-input--focus {
  28. border-color: #777;
  29. }
  30. .sq-input--error {
  31. border-color: red;
  32. }
  33. #square-postal-code {
  34. display: none;
  35. }