Sha256: fdc92ed90f987193af3928fece6a760b57a87b3bdfa39c1185acfe2dac0aa892
Contents?: true
Size: 1.54 KB
Versions: 5
Compression:
Stored size: 1.54 KB
Contents
$input-margin: 1.5rem;
$checkboxes-minimum-width: 200px;
button,
input,
textarea{
font-family: inherit;
}
.form{
input[type="text"],
input[type="email"],
input[type="date"],
input[type="tel"],
input[type="password"],
select{
height: 3rem;
}
input,
select,
textarea,
.check-radio,
.input-field,
.data-picker{
margin-bottom: $input-margin;
&.nomargin{
margin-bottom: 0;
}
}
.check-radio-group{
margin-bottom: 1rem;
.check-radio{
margin-bottom: .5rem;
}
}
label{
font-weight: 600;
}
}
.legend{
@include smallcaps;
margin-bottom: 1rem;
}
.form-group{
background-color: $lighter-gray;
padding: 1.5rem 1rem .5rem;
margin-bottom: 1.5rem;
}
.form-submit .button{
margin-bottom: 0;
}
.form-general-submit{
margin-top: 3rem;
justify-content: center;
}
.check-radio,
.check-radio-collection{
label{
font-weight: normal;
display: inline-flex;
align-items: center;
}
legend{
font-weight: 600;
}
}
.check-radio{
input{
margin-bottom: 0;
}
}
.form-error{
margin-top: -$input-margin;
margin-bottom: $input-margin;
}
.custom-error{
@extend .form-error;
}
.is-custom-error-visible{
display: block;
}
.checkboxes{
margin-bottom: 1rem;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
&::after{ /* Align last row to left */
min-width: $checkboxes-minimum-width;
content: "";
}
label{
min-width: $checkboxes-minimum-width;
input[type=checkbox]{
vertical-align: baseline;
}
}
}
Version data entries
5 entries across 5 versions & 1 rubygems