Elkfox/shopify-theme-framework

Webkit input line height fixes

Closed this issue ยท 0 comments

Update line heights on inputs to fix sketchy webkit bugs ๐Ÿž

input[type="text"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="password"],
input[type="search"],
textarea {
  height: $gutter;
  line-height: 100%;
  &::placeholder, &::-webkit-input-placeholder,  &:-moz-placeholder, &::-moz-placeholder, &:-ms-input-placeholder {
    line-height: 100%;
    height: $gutter;
  }
}