.#{$prefix}fieldset {
border: $fieldset-border;
padding: $fieldset-padding;
margin: $fieldset-margin;
}
// Insane IE bug: Fieldset padding-top is rendered *outside* the border!
// So we transfer the padding-top to the body element.
.#{$prefix}ie8m,
.#{$prefix}quirks .#{$prefix}ie {
.#{$prefix}fieldset {
padding-top: 0;
.#{$prefix}fieldset-body {
padding-top: top($fieldset-padding);
}
}
}
.#{$prefix}fieldset-header-checkbox {
line-height: $fieldset-header-line-height;
margin: $fieldset-checkbox-margin;
}
.#{$prefix}fieldset-header {
padding: $fieldset-header-padding;
.#{$prefix}tool {
margin-top: top($fieldset-collapse-tool-margin);
padding: $fieldset-collapse-tool-padding;
}
@if $form-checkbox-size < $fieldset-collapse-tool-size {
.#{$prefix}form-cb-wrap {
padding: round(($fieldset-collapse-tool-size - $form-checkbox-size) / 2) 0;
}
}
}
.#{$prefix}fieldset-header-text {
font: $fieldset-header-font;
color: $fieldset-header-color;
padding: 1px 0;
}
.#{$prefix}fieldset-header-text-collapsible {
cursor: pointer;
}
.#{$prefix}fieldset-with-title {
.#{$prefix}fieldset-header-checkbox,
.#{$prefix}tool {
margin: $fieldset-collapse-tool-margin;
}
}
@if $include-rtl {
.#{$prefix}fieldset-with-title .#{$prefix}rtl {
.#{$prefix}fieldset-header-checkbox,
.#{$prefix}tool {
margin: rtl($fieldset-collapse-tool-margin);
}
}
}
// Use Webkit's built-in fieldset legend padding which takes precedence over padding-left/right
.#{$prefix}webkit {
.#{$prefix}fieldset-header {
-webkit-padding-start: #{left($fieldset-header-padding)};
-webkit-padding-end: #{right($fieldset-header-padding)};
}
}
// opera renders an invisible border above the fieldset in addition to the normal border when the fieldset has a legend.
// To compensate for this, give the fieldset a negative top margin equal to the top border width.
@if $include-opera {
.#{$prefix}opera {
.#{$prefix}fieldset-with-legend {
margin-top: -#{top($fieldset-border-width)};
}
&.#{$prefix}mac .#{$prefix}fieldset-header-text {
padding: 2px 0 0;
}
}
}
// IE8 strict has a problem similar to opera's, except the invisible top border only changes the position of
// the legend element, so we have to adjust the position of the legend using a negative top margin.
@if $include-ie {
.#{$prefix}strict .#{$prefix}ie8 .#{$prefix}fieldset-header {
margin-bottom: -#{top($fieldset-border-width)};
.#{$prefix}tool,
.#{$prefix}fieldset-header-text,
.#{$prefix}fieldset-header-checkbox {
position: relative;
top: -#{top($fieldset-border-width)};
}
}
}
@if $include-ie {
.#{$prefix}quirks .#{$prefix}ie,
.#{$prefix}ie8m {
.#{$prefix}fieldset-header {
padding-left: #{left($fieldset-header-padding) - 2};
padding-right: #{right($fieldset-header-padding) - 2};
}
}
}
.#{$prefix}fieldset-collapsed {
.#{$prefix}fieldset-body {
display: none;
}
}
.#{$prefix}fieldset-collapsed {
padding-bottom: 0 !important;
border-width: 1px 1px 0 1px !important;
border-left-color: transparent !important;
border-right-color: transparent !important;
}
@if $include-ie {
.#{$prefix}ie6 .#{$prefix}fieldset-collapsed {
border-width: 1px 0 0 0 !important;
padding-bottom: 0 !important;
margin-left: 1px;
margin-right: 1px;
}
.#{$prefix}ie .#{$prefix}fieldset-bwrap {
zoom: 1;
}
}
.#{$prefix}fieldset {
.#{$prefix}tool-toggle {
@if $fieldset-collapse-tool-background-image != null {
background-image: theme-background-image($fieldset-collapse-tool-background-image);
}
background-position: $fieldset-collapse-tool-background-position;
}
@if $fieldset-collapse-tool-background-position-over != null {
.#{$prefix}tool-over .#{$prefix}tool-toggle {
background-position: $fieldset-collapse-tool-background-position-over;
}
}
}
.#{$prefix}fieldset-collapsed {
.#{$prefix}tool-toggle {
background-position: $fieldset-collapse-tool-background-position-collapsed;
}
@if $fieldset-collapse-tool-background-position-collapsed-over != null {
.#{$prefix}tool-over .#{$prefix}tool-toggle {
background-position: $fieldset-collapse-tool-background-position-collapsed-over;
}
}
}
@if $include-ie {
/* IE legend positioning bug */
.#{$prefix}ie .#{$prefix}fieldset-noborder legend {
position: relative;
margin-bottom: 23px;
}
.#{$prefix}ie .#{$prefix}fieldset-noborder legend span {
position: absolute;
left: 16px;
}
}
.#{$prefix}fieldset {
overflow: hidden;
}
.#{$prefix}fieldset-bwrap {
overflow: hidden;
zoom: 1;
}
.#{$prefix}fieldset-body {
overflow: hidden;
}