hubl/src/styles/form.scss

35 lines
819 B
SCSS

//button, checkbox, color, date, datetime-local, email, file, hidden, image, month, number, password, radio, range, reset, search, submit, tel, text, time, url, week, datetime
sib-form{
form{
margin: -.5em;
>*{
margin: .5em;
}
}
// text like
input:not([type=button]):not([type=checkbox]):not([type=color]):not([type=file]):not([type=hidden]):not([type=image]):not([type=radio]):not([type=range]):not([type=reset]):not([type=submit]){
padding: 0.5em;
border: none;
@extend %shadow;
}
// button like
button,
input[type=button],
input[type=color],
input[type=file],
input[type=reset],
input[type=submit]{
padding: 0.5em 1em;
border: none;
background-color: $color-yellow;
border-radius: 100em;
}
input[type="reset"]{
display: none;
}
}