1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 |
|
9 |
|
10 |
|
11 | $form-label-color: $black !default;
|
12 |
|
13 |
|
14 |
|
15 | $form-label-font-size: rem-calc(14) !default;
|
16 |
|
17 |
|
18 |
|
19 | $form-label-font-weight: $global-weight-normal !default;
|
20 |
|
21 |
|
22 |
|
23 | $form-label-line-height: 1.8 !default;
|
24 |
|
25 | @mixin form-label {
|
26 | display: block;
|
27 | margin: 0;
|
28 |
|
29 | font-size: $form-label-font-size;
|
30 | font-weight: $form-label-font-weight;
|
31 | line-height: $form-label-line-height;
|
32 | color: $form-label-color;
|
33 | }
|
34 |
|
35 | @mixin form-label-middle {
|
36 | $input-border-width: get-border-value($input-border, width);
|
37 |
|
38 | margin: 0 0 $form-spacing;
|
39 | padding: ($form-spacing / 2 + rem-calc($input-border-width)) 0;
|
40 | }
|
41 |
|
42 | @mixin foundation-form-label {
|
43 | label {
|
44 | @include form-label;
|
45 |
|
46 | &.middle {
|
47 | @include form-label-middle;
|
48 | }
|
49 | }
|
50 | }
|