Sha256: 43ee7d9755e1dd5d688388d373a4bb7c9c8b9fcf63759034b65787d27700d4b6
Contents?: true
Size: 1.42 KB
Versions: 39
Compression:
Stored size: 1.42 KB
Contents
$stacking-order: (
item: 10,
focused: 20,
);
$plain-horizontal-spacing: spacing(tight);
$item-spacing: spacing(tight);
.Polaris-ButtonGroup {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-top: (-1 * $item-spacing);
margin-left: (-1 * $item-spacing);
}
.Polaris-ButtonGroup--segmented {
display: flex;
// This is a violation of our component model, but it's the cleanest
// way to remove the border radii on connected elements.
// stylelint-disable declaration-no-important
.Polaris-ButtonGroup__Item {
position: relative;
z-index: z-index(item, $stacking-order);
&:not(:first-child) {
margin-left: -1px;
}
* {
border-radius: 0 !important;
}
&:first-child * {
border-top-left-radius: border-radius() !important;
border-bottom-left-radius: border-radius() !important;
}
&:last-child * {
border-top-right-radius: border-radius() !important;
border-bottom-right-radius: border-radius() !important;
}
}
// stylelint-enable declaration-no-important
.Polaris-ButtonGroup__Item--focused {
z-index: z-index(focused, $stacking-order);
}
}
.Polaris-ButtonGroup__Item {
margin-top: $item-spacing;
margin-left: $item-spacing;
}
.Polaris-ButtonGroup__Item--plain {
&:not(:first-child) {
margin-left: $item-spacing + $plain-horizontal-spacing;
}
&:not(:last-child) {
margin-right: $plain-horizontal-spacing;
}
}
Version data entries
39 entries across 39 versions & 1 rubygems