// Form // ––––––––––––––––––––––––––––––––––––––––––––––––––
input, input, input, input, input, input, input, textarea, select
appearance: none // Removes awkward default styles on some inputs for iOS background-color: transparent border: .1rem solid $color-quaternary border-radius: .4rem box-shadow: none box-sizing: inherit // Forced to replace inherit values of the normalize.css height: 3.8rem padding: .6rem 1.0rem // The .6rem vertically centers text on FF, ignored by Webkit width: 100% &:focus border-color: $color-primary outline: 0
select
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="#d1d1d1" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>') center right no-repeat padding-right: 3.0rem &:focus background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="#9b4dca" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>')
textarea
min-height: 6.5rem
label, legend
display: block font-size: 1.6rem font-weight: 700 margin-bottom: .5rem
fieldset
border-width: 0 padding: 0
display: inline
.label-inline
display: inline-block font-weight: normal margin-left: .5rem