44 lines
1012 B
SCSS
44 lines
1012 B
SCSS
/*TODO: This remains a mix of form-elements */
|
|
/* form-elements should probably be a collection of these */
|
|
@import '../base/components/inline-alert/index';
|
|
@import '../base/components/form-elements/index';
|
|
@import '../base/components/sliding-toggle/index';
|
|
@import '../base/components/radio-group/index';
|
|
@import '../base/components/checkbox-group/index';
|
|
label span {
|
|
@extend %user-select-none;
|
|
}
|
|
.has-error {
|
|
@extend %form-element-error;
|
|
}
|
|
%modal-dialog .type-text,
|
|
%app-view-content .type-text {
|
|
@extend %form-element;
|
|
}
|
|
.type-toggle {
|
|
@extend %form-element, %sliding-toggle;
|
|
}
|
|
%form-element,
|
|
%radio-group,
|
|
%checkbox-group,
|
|
form table,
|
|
%app-view-content form dl {
|
|
@extend %form-row;
|
|
}
|
|
%app-view-content form:not(.filter-bar) [role='radiogroup'],
|
|
%modal-window [role='radiogroup'] {
|
|
@extend %radio-group;
|
|
}
|
|
%radio-group label {
|
|
@extend %form-element;
|
|
}
|
|
.checkbox-group {
|
|
@extend %checkbox-group;
|
|
}
|
|
fieldset > p {
|
|
color: $gray-400;
|
|
}
|
|
%sliding-toggle + .checkbox-group {
|
|
margin-top: -1em;
|
|
}
|