basscss-addons
Version:
Optional modules to extend Basscss
62 lines (52 loc) • 1.17 kB
CSS
/* Basscss Base Forms */
@import 'basscss-defaults';
input,
select,
textarea,
fieldset {
font-family: var(--form-field-font-family);
font-size: var(--form-field-font-size);
box-sizing: border-box;
margin-top: 0;
margin-bottom: 0;
}
label {
vertical-align: middle;
}
input[type=text],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=time],
input[type=url],
input[type=week] {
height: var(--form-field-height);
padding: var(--form-field-padding-y) var(--form-field-padding-x);
vertical-align: middle;
-webkit-appearance: none;
}
select {
line-height: 1.75;
padding: var(--form-field-padding-y) var(--form-field-padding-x);
}
select:not([multiple]) {
height: var(--form-field-height);
vertical-align: middle;
}
textarea {
line-height: 1.75;
padding: var(--form-field-padding-y) var(--form-field-padding-x);
}
:root {
--form-field-font-family: inherit;
--form-field-font-size: 1rem;
--form-field-height: 2.25rem;
--form-field-padding-y: .5rem;
--form-field-padding-x: .5rem;
}