SiteWebAstrolabe/src/scss/components/_form.scss

88 lines
1.1 KiB
SCSS
Raw Normal View History

2020-06-19 23:47:44 +02:00
/* Form */
form {
max-width: 35rem;
}
form br {
display: none;
}
label {
display: block;
font-weight: 600;
}
input,
select {
line-height: 1;
}
input,
textarea,
select {
@include apply-utility('font', 'base');
background-color: #fff;
font: inherit;
border: 1px solid var(--color-text);
margin-top: .15rem;
padding: .5rem 1rem;
width: 100%;
}
label input {
margin: -.25rem .5rem 0 0;
width: auto;
vertical-align: middle;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
legend {
display: block;
font-weight: bold;
}
.field-list {
margin: 0;
padding: 0;
list-style: none;
}
.field-list__field-group {
margin-bottom: 2rem;
transition: transform 150ms;
&__description {
display: block;
margin-top: .3rem;
font-size: .875rem;
line-height: 1.25;
}
textarea + &__description {
margin-top: 0;
}
&--confirm {
font-weight: normal;
}
&__list {
list-style: none;
margin: 0;
label {
font-weight: normal;
}
.field-list__field-group__description {
margin: 0 0 0 1.35rem;
}
}
}