/* Form stuff */ .form{ padding:2rem; background:$offWhite; border: 1px solid $lightWhite; border-radius:1rem; margin:2rem 0; } input[type="email"],input[type="number"], input[type="search"],input[type="text"], input[type="tel"],input[type="url"], input[type="password"], textarea,select { height: 38px; padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */ background-color: $white; border: 1px solid $tableBorder; border-radius: 4px; box-shadow: none; box-sizing: border-box; } /* Removes awkward default styles on some inputs for iOS */ input[type="email"],input[type="number"], input[type="search"],input[type="text"], input[type="tel"],input[type="url"], input[type="password"], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; } textarea { min-height: 65px; resize: vertical; padding-top: 6px; padding-bottom: 6px; } input[type="email"]:focus,input[type="number"]:focus, input[type="search"]:focus,input[type="text"]:focus, input[type="tel"]:focus,input[type="url"]:focus, input[type="password"]:focus, textarea:focus,select:focus { border: 1px solid $focus; outline: 0; } label,legend { display: block; margin-bottom: .5rem; font-weight: 600; } fieldset { padding: 0; border-width: 0; } input[type="checkbox"],input[type="radio"] { display: inline; } label > .label-body { display: inline-block; margin-left: .5rem; font-weight: normal; }