Skip to content

Instantly share code, notes, and snippets.

@sergiu-radu
Created April 27, 2021 07:34
Show Gist options
  • Save sergiu-radu/733f30899b6eb63405d90151f2f2a562 to your computer and use it in GitHub Desktop.
Save sergiu-radu/733f30899b6eb63405d90151f2f2a562 to your computer and use it in GitHub Desktop.
select,
textarea,
input[type='url'],
input[type='tel'],
input[type='text'],
input[type='date'],
input[type='email'],
input[type='number'],
input[type='search'],
input[type='password'],
fieldset .wc-stripe-elements-field {
appearance: none;
width: var(--form-field-width, 100%);
height: var(--form-field-height, 40px);
font-family: inherit;
font-size: var(--form-font-size, 15px);
color: var(--form-text-initial-color, var(--color));
padding: var(--has-classic-forms, var(--form-field-padding, 0 12px));
border-width: var(--form-field-border-width, 1px);
border-style: var(--form-field-border-style, solid);
border-color: var(--form-field-border-initial-color);
border-radius: var(--has-classic-forms, var(--form-field-border-radius, 3px));
background-color: var(--has-classic-forms, var(--form-field-initial-background));
transition: all 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955);
&:focus {
outline: none;
color: var(--form-text-focus-color, var(--color));
border-color: var(--form-field-border-focus-color);
background-color: var(--has-classic-forms, var(--form-field-focus-background));
}
@include input-placeholder {
opacity: 0.6;
color: inherit;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment