@react-spectrum/buttongroup
Version:
Spectrum UI components in React
41 lines (32 loc) • 1.24 kB
CSS
.NekGBa_spectrum-ButtonGroup {
align-items: flex-start;
display: inline-flex;
position: relative;
}
.NekGBa_spectrum-ButtonGroup .NekGBa_spectrum-ButtonGroup-Button {
flex-shrink: 0;
}
.NekGBa_spectrum-ButtonGroup .NekGBa_spectrum-ButtonGroup-Button + .NekGBa_spectrum-ButtonGroup-Button {
margin-inline-start: var(--spectrum-buttongroup-button-gap-x, var(--spectrum-global-dimension-static-size-200));
}
.NekGBa_spectrum-ButtonGroup.NekGBa_spectrum-ButtonGroup--alignEnd {
justify-content: flex-end;
}
.NekGBa_spectrum-ButtonGroup.NekGBa_spectrum-ButtonGroup--alignCenter {
justify-content: center;
}
.NekGBa_spectrum-ButtonGroup--vertical {
flex-direction: column;
display: inline-flex;
}
.NekGBa_spectrum-ButtonGroup--vertical .NekGBa_spectrum-ButtonGroup-Button + .NekGBa_spectrum-ButtonGroup-Button {
margin-block-start: var(--spectrum-buttongroup-button-gap-y, var(--spectrum-global-dimension-static-size-200));
margin-inline-start: 0;
}
.NekGBa_spectrum-ButtonGroup--vertical.NekGBa_spectrum-ButtonGroup--alignEnd {
align-items: flex-end;
}
.NekGBa_spectrum-ButtonGroup--vertical.NekGBa_spectrum-ButtonGroup--alignCenter {
align-items: center;
}
/*# sourceMappingURL=buttongroup.807718ea.css.map */