Sha256: 25c2c0c3a9154f0a0c7104579b1330a57185db6fc758c01d4f0f6a97bc8b3bae
Contents?: true
Size: 1.4 KB
Versions: 39
Compression:
Stored size: 1.4 KB
Contents
$staacking-order: (
item: 10,
primary: 20,
focused: 30,
);
.Polaris-Connected {
position: relative;
display: flex;
}
.Polaris-Connected__Item {
position: relative;
z-index: z-index(item, $staacking-order);
flex: 0 0 auto;
&:not(:first-child) {
margin-left: -1px;
}
}
// 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-Connected__Item--primary {
z-index: z-index(primary, $staacking-order);
flex: 1 1 auto;
&:not(:first-child) * {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
&:not(:last-child) * {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
}
.Polaris-Connected__Item--connection {
&:first-child * {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
&::after {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
}
&:last-child * {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
&::after {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
}
}
// stylelint-enable declaration-no-important
.Polaris-Connected__Item--focused {
z-index: z-index(focused, $staacking-order);
}
Version data entries
39 entries across 39 versions & 1 rubygems