@adobe/spectrum-css
Version:
The Spectrum CSS top-level backwards compatible package
43 lines (42 loc) • 1.16 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: 16px;
}
.spectrum-ButtonGroup .spectrum-ActionButton + .spectrum-ActionButton {
margin-left: 10px;
}
.spectrum-ButtonGroup .spectrum-Tool + .spectrum-Tool {
margin-left: 10px;
}
.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: 16px;
margin-left: 0;
}
.spectrum-ButtonGroup--vertical .spectrum-ActionButton + .spectrum-ActionButton {
margin-top: 10px;
margin-left: 0;
}
.spectrum-ButtonGroup--vertical .spectrum-Tool + .spectrum-Tool {
margin-top: 10px;
margin-left: 0;
}