github.com/outbrain/consul@v1.4.5/ui-v2/app/styles/components/form-elements.scss (about) 1 /*TODO: This remains a mix of form-elements */ 2 /* form-elements should probably be a collection of these */ 3 @import './form-elements/index'; 4 @import './toggle/index'; 5 @import './radio-group/index'; 6 @import './checkbox-group/index'; 7 label span { 8 @extend %user-select-none; 9 } 10 .has-error { 11 @extend %form-element-error; 12 } 13 %modal-dialog .type-text, 14 %app-content .type-text { 15 @extend %form-element; 16 } 17 .type-toggle { 18 @extend %form-element, %toggle; 19 } 20 %form-element, 21 %radio-group, 22 %checkbox-group, 23 form table, 24 %app-content form dl { 25 @extend %form-row; 26 } 27 %app-content [role='radiogroup'] { 28 @extend %radio-group; 29 } 30 %radio-group label { 31 @extend %form-element; 32 } 33 .checkbox-group { 34 @extend %checkbox-group; 35 } 36 %toggle + .checkbox-group { 37 margin-top: -1em; 38 }