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; }