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