s-forms
Version:
Utilities for forms
46 lines (40 loc) • 870 B
CSS
form .input-field {
position: relative;
}
form .input-field input,
form .input-field select,
form .input-field textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #fff;
border: solid 2px #424242;
border-radius: 4px;
font-size: 14px;
padding: 10px;
width: 100%;
}
form .input-field label {
display: block;
padding: 10px;
}
form .input-field.--focused input,
form .input-field.--focused textarea,
form .input-field.--filled input,
form .input-field.--filled select,
form .input-field.--filled textarea{
border: solid 2px #E91E63;
}
form .input-field.select:after {
border-color: transparent;
border-style: solid;
border-top-color: #424242;
border-width: 7px;
bottom: 8px;
content: "";
position: absolute;
right: 10px;
}
form .input-field.select select {
cursor: pointer;
}