UNPKG

1.08 kBSCSSView Raw
1// Foundation for Sites by ZURB
2// foundation.zurb.com
3// Licensed under MIT Open Source
4
5////
6/// @group forms
7////
8
9/// Color for form labels.
10/// @type Color
11$form-label-color: $black !default;
12
13/// Font size for form labels.
14/// @type Number
15$form-label-font-size: rem-calc(14) !default;
16
17/// Font weight for form labels.
18/// @type Keyword
19$form-label-font-weight: $global-weight-normal !default;
20
21/// Line height for form labels. The higher the number, the more space between the label and its input field.
22/// @type Number
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}