Upgrade to ExtJS 4.0.0 - Released 04/26/2011
[extjs.git] / resources / themes / stylesheets / ext4 / default / widgets / form / _checkboxgroup.scss
1 @mixin extjs-form-checkboxgroup {
2
3     .#{$prefix}form-checkboxgroup-body {
4         padding: 3px 4px;
5     }
6
7     .#{$prefix}form-invalid {
8         .#{$prefix}form-checkboxgroup-body {
9             border: 1px solid #c30;
10             background: #fff theme-image($theme-name, 'grid/invalid_line.gif') repeat-x bottom;
11             padding: 2px 3px;
12         }
13     }
14     
15     .#{$prefix}check-group-alt {
16         background: adjust-color($base-color, $hue: 2.667deg, $saturation: -7.168%, $lightness: 3.725%);
17         
18         border-top:1px dotted adjust-color($base-color, $hue: 17.193deg, $saturation: -40.827%, $lightness: -9.412%);
19         border-bottom:1px dotted adjust-color($base-color, $hue: 17.193deg, $saturation: -40.827%, $lightness: -9.412%);
20     }
21
22     .#{$prefix}form-check-group-label {
23         color: #333;
24         
25         border-bottom: 1px solid #333;
26         
27         margin: 0 30px 5px 0;
28         padding: 2px;
29     }
30 }