_checkboxgroup.scss (1060B)
1 /** 2 * Creates the base structure of CheckboxGroup. 3 * @member Ext.form.CheckboxGroup 4 */ 5 @mixin extjs-form-checkboxgroup { 6 7 .#{$prefix}form-checkboxgroup-body { 8 padding: 1px 4px 1px 4px; 9 } 10 11 .#{$prefix}form-invalid { 12 .#{$prefix}form-checkboxgroup-body { 13 border: 1px solid #c30; 14 background: transparent repeat-x bottom; 15 background-image: theme-background-image($theme-name, 'grid/invalid_line.gif'); 16 padding: 0 3px 0 3px; 17 } 18 } 19 20 .#{$prefix}check-group-alt { 21 background: adjust-color($base-color, $hue: 2.667deg, $saturation: -7.168%, $lightness: 3.725%); 22 23 border-top:1px dotted adjust-color($base-color, $hue: 17.193deg, $saturation: -40.827%, $lightness: -9.412%); 24 border-bottom:1px dotted adjust-color($base-color, $hue: 17.193deg, $saturation: -40.827%, $lightness: -9.412%); 25 } 26 27 .#{$prefix}form-check-group-label { 28 color: #333; 29 30 border-bottom: 1px solid #333; 31 32 margin: 0 30px 5px 0; 33 padding: 2px; 34 } 35 }