|
|
@ -36,6 +36,7 @@ $form--field-types: (text-field, text-area, select, check-box, radio-button, ran |
|
|
|
border: $content-form-input-hover-border |
|
|
|
border: $content-form-input-hover-border |
|
|
|
|
|
|
|
|
|
|
|
vertical-align: middle |
|
|
|
vertical-align: middle |
|
|
|
|
|
|
|
margin-bottom: 0rem |
|
|
|
|
|
|
|
|
|
|
|
%label-style |
|
|
|
%label-style |
|
|
|
text-align: left |
|
|
|
text-align: left |
|
|
@ -453,8 +454,10 @@ fieldset.form--fieldset |
|
|
|
@extend %input-style |
|
|
|
@extend %input-style |
|
|
|
|
|
|
|
|
|
|
|
.form--text-field, |
|
|
|
.form--text-field, |
|
|
|
#{$text-input-selectors} |
|
|
|
#{$text-input-selectors}, |
|
|
|
|
|
|
|
select |
|
|
|
line-height: 1.5 |
|
|
|
line-height: 1.5 |
|
|
|
|
|
|
|
margin-bottom: 0rem |
|
|
|
|
|
|
|
|
|
|
|
input[readonly].-clickable |
|
|
|
input[readonly].-clickable |
|
|
|
cursor: pointer |
|
|
|
cursor: pointer |
|
|
@ -495,13 +498,13 @@ input[readonly].-clickable |
|
|
|
max-width: 100% |
|
|
|
max-width: 100% |
|
|
|
|
|
|
|
|
|
|
|
.form & |
|
|
|
.form & |
|
|
|
margin-bottom: 0.5rem |
|
|
|
margin-bottom: 0rem |
|
|
|
|
|
|
|
|
|
|
|
.form--text-area |
|
|
|
.form--text-area |
|
|
|
@extend %input-style |
|
|
|
@extend %input-style |
|
|
|
|
|
|
|
|
|
|
|
.form & |
|
|
|
.form & |
|
|
|
margin-bottom: 0.5rem |
|
|
|
margin-bottom: 0rem |
|
|
|
|
|
|
|
|
|
|
|
.form--radio-button-container |
|
|
|
.form--radio-button-container |
|
|
|
//prevent radio-buttons from being cut at the border |
|
|
|
//prevent radio-buttons from being cut at the border |
|
|
@ -567,6 +570,7 @@ input[readonly].-clickable |
|
|
|
flex-basis: auto |
|
|
|
flex-basis: auto |
|
|
|
|
|
|
|
|
|
|
|
.inline-label |
|
|
|
.inline-label |
|
|
|
|
|
|
|
margin: 0rem |
|
|
|
> .form-label.-transparent |
|
|
|
> .form-label.-transparent |
|
|
|
margin-bottom: 0 |
|
|
|
margin-bottom: 0 |
|
|
|
font-size: 1em |
|
|
|
font-size: 1em |
|
|
@ -593,7 +597,7 @@ input[readonly].-clickable |
|
|
|
// OR $inlinelabel-border |
|
|
|
// OR $inlinelabel-border |
|
|
|
border-radius: 2px |
|
|
|
border-radius: 2px |
|
|
|
padding: 0 $form-padding |
|
|
|
padding: 0 $form-padding |
|
|
|
margin-bottom: 0.5rem |
|
|
|
margin-bottom: 0rem |
|
|
|
align-items: center |
|
|
|
align-items: center |
|
|
|
line-height: 1 |
|
|
|
line-height: 1 |
|
|
|
|
|
|
|
|
|
|
|