consul/ui/packages/consul-ui/app/styles/components/form-elements.scss

44 lines
863 B
SCSS

label span {
@extend %user-select-none;
}
.has-error {
@extend %form-element-error;
}
// TODO: float right here is too specific, this is currently used just for the role/policy selectors
label.type-dialog {
@extend %anchor;
cursor: pointer;
float: right;
}
.type-toggle {
@extend %form-element, %sliding-toggle;
}
.checkbox-group {
@extend %checkbox-group;
}
%main-content form {
@extend %form;
}
span.label {
@extend %form-element-label;
}
%form table,
%radio-group,
%checkbox-group,
%main-content form dl {
@extend %form-row;
}
%radio-group label,
%main-content .type-select,
%main-content .type-password,
%main-content .type-text {
@extend %form-element;
}
%app-view-content form:not(.filter-bar) [role='radiogroup'],
%modal-window [role='radiogroup'] {
@extend %radio-group;
}
%sliding-toggle + .checkbox-group {
margin-top: -1em;
}