@shopify/polaris
Version:
Shopify’s product component library
30 lines (15 loc) • 1.47 kB
CSS
.Polaris-ButtonGroup_yy85z{ display:flex; flex-wrap:wrap; align-items:center; margin-top:-0.8rem; margin-left:-0.8rem; }
.Polaris-ButtonGroup__Item_yiyol{ margin-top:0.8rem; margin-left:0.8rem; }
.Polaris-ButtonGroup__Item--plain_1lavi:not(:first-child){ margin-left:1.6rem; }
.Polaris-ButtonGroup__Item--plain_1lavi:not(:last-child){ margin-right:0.8rem; }
.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; }
.Polaris-ButtonGroup--segmented_150jh .Polaris-ButtonGroup__Item_yiyol:not(:first-child){ margin-left:-0.1rem; }
.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.4rem; margin-left:-0.4rem; }
.Polaris-ButtonGroup--extraTight_1xh3x .Polaris-ButtonGroup__Item_yiyol{ margin-top:0.4rem; margin-left:0.4rem; }
.Polaris-ButtonGroup--tight_312wf{ margin-top:-0.8rem; margin-left:-0.8rem; }
.Polaris-ButtonGroup--tight_312wf .Polaris-ButtonGroup__Item_yiyol{ margin-top:0.8rem; margin-left:0.8rem; }
.Polaris-ButtonGroup--loose_2qq07{ margin-top:-2rem; margin-left:-2rem; }
.Polaris-ButtonGroup--loose_2qq07 .Polaris-ButtonGroup__Item_yiyol{ margin-top:2rem; margin-left:2rem; }