55 lines
1.1 KiB
SCSS
55 lines
1.1 KiB
SCSS
// 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;
|
|
}
|
|
}
|