@adobe/spectrum-css
Version:
The Spectrum CSS top-level backwards compatible package
52 lines (42 loc) • 1.69 kB
CSS
.spectrum-ButtonGroup {
display: -ms-flexbox;
display: flex;
}
.spectrum-ButtonGroup .spectrum-Button,
.spectrum-ButtonGroup .spectrum-ActionButton,
.spectrum-ButtonGroup .spectrum-Tool {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.spectrum-ButtonGroup .spectrum-Button + .spectrum-Button {
margin-left: var(--spectrum-buttongroup-button-gap-x, var(--spectrum-global-dimension-static-size-200));
}
.spectrum-ButtonGroup .spectrum-ActionButton + .spectrum-ActionButton {
margin-left: var(--spectrum-actionbuttongroup-text-button-gap-x, var(--spectrum-global-dimension-size-100));
}
.spectrum-ButtonGroup .spectrum-Tool + .spectrum-Tool {
margin-left: var(--spectrum-toolgroup-text-button-gap-x, var(--spectrum-global-dimension-size-100));
}
.spectrum-ButtonGroup--vertical {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-direction: column;
flex-direction: column;
}
.spectrum-ButtonGroup--vertical .spectrum-ActionButton-label {
-ms-flex-positive: 1;
flex-grow: 1;
text-align: left;
}
.spectrum-ButtonGroup--vertical .spectrum-Button + .spectrum-Button {
margin-top: var(--spectrum-buttongroup-button-gap-y, var(--spectrum-global-dimension-static-size-200));
margin-left: 0;
}
.spectrum-ButtonGroup--vertical .spectrum-ActionButton + .spectrum-ActionButton {
margin-top: var(--spectrum-actionbuttongroup-text-button-gap-y, var(--spectrum-global-dimension-size-100));
margin-left: 0;
}
.spectrum-ButtonGroup--vertical .spectrum-Tool + .spectrum-Tool {
margin-top: var(--spectrum-toolgroup-text-button-gap-y, var(--spectrum-global-dimension-size-100));
margin-left: 0;
}