@shopify/polaris
Version:
Shopify’s admin product component library
30 lines (15 loc) • 1.55 kB
CSS
.Polaris-ButtonGroup_yy85z { display: flex; flex-wrap: wrap; align-items: center; margin-top: -0.5rem; margin-left: -0.5rem; }
.Polaris-ButtonGroup__Item_yiyol { margin-top: 0.5rem; margin-left: 0.5rem; }
.Polaris-ButtonGroup__Item--plain_1lavi:not(:first-child) { margin-left: 1rem; }
.Polaris-ButtonGroup__Item--plain_1lavi:not(:last-child) { margin-right: 0.5rem; }
.Polaris-ButtonGroup--segmented_150jh { display: flex; flex-wrap: nowrap; margin-top: 0; margin-left: 0; }
.Polaris-ButtonGroup--segmented_150jh .Polaris-ButtonGroup__Item_yiyol { position: relative; z-index: 10; margin-top: 0; margin-left: 0; line-height: normal; }
.Polaris-ButtonGroup--segmented_150jh .Polaris-ButtonGroup__Item_yiyol:not(:first-child) { margin-left: -0.0625rem; }
.Polaris-ButtonGroup--segmented_150jh .Polaris-ButtonGroup__Item--focused_1iwi4 { z-index: 20; }
.Polaris-ButtonGroup--fullWidth_zyvh4 .Polaris-ButtonGroup__Item_yiyol { flex: 1 1 auto; }
.Polaris-ButtonGroup--extraTight_1xh3x { margin-top: -0.25rem; margin-left: -0.25rem; }
.Polaris-ButtonGroup--extraTight_1xh3x .Polaris-ButtonGroup__Item_yiyol { margin-top: 0.25rem; margin-left: 0.25rem; }
.Polaris-ButtonGroup--tight_312wf { margin-top: -0.5rem; margin-left: -0.5rem; }
.Polaris-ButtonGroup--tight_312wf .Polaris-ButtonGroup__Item_yiyol { margin-top: 0.5rem; margin-left: 0.5rem; }
.Polaris-ButtonGroup--loose_2qq07 { margin-top: -1.25rem; margin-left: -1.25rem; }
.Polaris-ButtonGroup--loose_2qq07 .Polaris-ButtonGroup__Item_yiyol { margin-top: 1.25rem; margin-left: 1.25rem; }