components/dist/form.css

2 lines
8.1 KiB
CSS
Raw Normal View History

input,textarea,select{height:var(--height-input);border-radius:var(--border-radius);border:1px solid;color:var(--color-input);border-color:var(--color-input-border);background-color:var(--color-input-bg);padding-right:var(--spacing-s);padding-left:var(--spacing-s)}input:focus,textarea:focus,select:focus{box-shadow:0 0 0 3px var(--color-focus)}input::placeholder,textarea::placeholder,select::placeholder{color:var(--color-input-placeholder);opacity:.4}input:disabled,textarea:disabled,select:disabled{opacity:.4}input:disabled+label,textarea:disabled+label,select:disabled+label{opacity:.4}input[type=range],textarea[type=range],select[type=range]{height:auto;height:.5rem;background-color:var(--color-secondary)}checkbox-element,radio-element,select{cursor:pointer}select{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 96 96' xmlns='http://www.w3.org/2000/svg' fill='%23212529'%3E%3Cpath d='M17.172, 31.172c1.562, -1.562 4.095, -1.562 5.656, 0l25.172, 25.171l25.172, -25.171c1.562, -1.562 4.095, -1.562 5.656, 0c1.562, 1.562 1.562, 4.095 0, 5.656l-28, 28c-1.562, 1.562 -4.095, 1.562 -5.656, 0l-28, -28c-0.781, -0.781 -1.172, -1.805 -1.172, -2.828c0, -1.023 0.391, -2.047 1.172, -2.828Z'/%3E%3C/svg%3E%0A");background-position:99% center;background-repeat:no-repeat;background-size:1rem;padding-right:var(--spacing-l);padding-left:var(--spacing-s)}fieldset-group,.fieldset-group{display:flex;flex-direction:row;justify-content:space-between}fieldset-group.fieldset-group--smushed fieldset-section+fieldset-section,fieldset-group.fieldset-group--smushed .fieldset-section+fieldset-section,fieldset-group.fieldset-group--smushed fieldset-section+.fieldset-section,fieldset-group.fieldset-group--smushed .fieldset-section+.fieldset-section,.fieldset-group--smushed.fieldset-group fieldset-section+fieldset-section,.fieldset-group--smushed.fieldset-group .fieldset-section+fieldset-section,.fieldset-group--smushed.fieldset-group fieldset-section+.fieldset-section,.fieldset-group--smushed.fieldset-group .fieldset-section+.fieldset-section{margin-top:0}fieldset-section+fieldset-section,.fieldset-section+fieldset-section,fieldset-section+.fieldset-section,.fieldset-section+.fieldset-section,fieldset-section+fieldset-group,.fieldset-section+fieldset-group,fieldset-section+.fieldset-group,.fieldset-section+.fieldset-group,fieldset-section+form,.fieldset-section+form,fieldset-section+.checkbox,.fieldset-section+.checkbox,fieldset-section+.radio,.fieldset-section+.radio,fieldset-section+.form-field--SimpleMDE,.fieldset-section+.form-field--SimpleMDE,fieldset-group+fieldset-section,fieldset-group+.fieldset-section,.fieldset-group+fieldset-section,.fieldset-group+.fieldset-section,fieldset-group+fieldset-group,.fieldset-group+fieldset-group,fieldset-group+.fieldset-group,.fieldset-group+.fieldset-group,fieldset-group+form,.fieldset-group+form,fieldset-group+.checkbox,.fieldset-group+.checkbox,fieldset-group+.radio,.fieldset-group+.radio,fieldset-group+.form-field--SimpleMDE,.fieldset-group+.form-field--SimpleMDE,form+fieldset-section,form+.fieldset-section,form+fieldset-group,form+.fieldset-group,form+form,form+.checkbox,form+.radio,form+.form-field--SimpleMDE,.checkbox+fieldset-section,.checkbox+.fieldset-section,.checkbox+fieldset-group,.checkbox+.fieldset-group,.checkbox+form,.checkbox+.checkbox,.checkbox+.radio,.checkbox+.form-field--SimpleMDE,.radio+fieldset-section,.radio+.fieldset-section,.radio+fieldset-group,.radio+.fieldset-group,.radio+form,.radio+.checkbox,.radio+.radio,.radio+.form-field--SimpleMDE,.form-field--SimpleMDE+fieldset-section,.form-field--SimpleMDE+.fieldset-section,.form-field--SimpleMDE+fieldset-group,.form-field--SimpleMDE+.fieldset-group,.form-field--SimpleMDE+form,.form-field--SimpleMDE+.checkbox,.form-field--SimpleMDE+.radio,.form-field--SimpleMDE+.form-field--SimpleMDE,.form-field__help+fieldset-section,.form-field__help+.fieldset-section,.form-field__help+fieldset-group,.form-field__help+.fieldset-group,.form-field__help+form,.form-field__help+.checkbox,.form-field__help+.radio,.form-field__help+.form-field--SimpleMD