-
Notifications
You must be signed in to change notification settings - Fork 11
/
_fieldset.scss
54 lines (44 loc) · 1.07 KB
/
_fieldset.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
// Foundation for Sites by ZURB
// foundation.zurb.com
// Licensed under MIT Open Source
////
/// @group forms
////
/// Default border around custom fieldsets.
/// @type Border
$fieldset-border: 1px solid $medium-gray !default;
/// Default padding inside custom fieldsets.
/// @type Number
$fieldset-padding: rem-calc(20) !default;
/// Default margin around custom fieldsets.
/// @type Number
$fieldset-margin: rem-calc(18 0) !default;
/// Default padding between the legend text and fieldset border.
/// @type Number
$legend-padding: rem-calc(0 3) !default;
@mixin fieldset {
border: $fieldset-border;
padding: $fieldset-padding;
margin: $fieldset-margin;
legend {
// Covers up the fieldset's border to create artificial padding
background: $body-background;
padding: $legend-padding;
margin: 0;
margin-#{$global-left}: rem-calc(-3);
}
}
@mixin foundation-form-fieldset {
fieldset {
border: 0;
padding: 0;
margin: 0;
}
legend {
margin-bottom: $form-spacing * 0.5;
max-width: 100%;
}
.fieldset {
@include fieldset;
}
}