1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 |
|
9 | @mixin foundation-form-checkbox {
|
10 | [type='file'],
|
11 | [type='checkbox'],
|
12 | [type='radio'] {
|
13 | margin: 0 0 $form-spacing;
|
14 | }
|
15 |
|
16 |
|
17 | [type='checkbox'] + label,
|
18 | [type='radio'] + label {
|
19 | display: inline-block;
|
20 | vertical-align: baseline;
|
21 |
|
22 | margin-#{$global-left}: $form-spacing * 0.5;
|
23 | margin-#{$global-right}: $form-spacing;
|
24 | margin-bottom: 0;
|
25 |
|
26 | &[for] {
|
27 | cursor: pointer;
|
28 | }
|
29 | }
|
30 |
|
31 |
|
32 | label > [type='checkbox'],
|
33 | label > [type='radio'] {
|
34 | margin-#{$global-right}: $form-spacing * 0.5;
|
35 | }
|
36 |
|
37 |
|
38 | [type='file'] {
|
39 | width: 100%;
|
40 | }
|
41 | }
|