Sha256: be358b61947b904195c3499c19e8d6b80b8470f902321de65c9e6338aecec2d0
Contents?: true
Size: 1.21 KB
Versions: 39
Compression:
Stored size: 1.21 KB
Contents
$vertical-padding: (control-height() - line-height(body)) / 2;
$horizontal-padding: rem(10px);
$icon-size: rem(20px);
// The inset bounding box of the icon causes it not to be lined up with
// the side of the container. This fixes that issue.
$icon-horizontal-adjustment: rem(-3px);
.Polaris-Breadcrumbs__Breadcrumb {
@include text-style-body;
@include text-emphasis-subdued;
display: inline-flex;
align-items: center;
min-height: control-height();
margin: 0 (-1 * $horizontal-padding);
padding: $vertical-padding $horizontal-padding;
border-radius: border-radius();
color: color(ink, lighter);
text-decoration: none;
will-change: background;
transition: background duration() easing();
&:hover,
&:active {
color: color(ink);
.Polaris-Breadcrumbs__Icon {
@include recolor-icon(color(ink));
}
}
&:focus {
background: plain-button-background();
outline: none;
}
}
.Polaris-Breadcrumbs__Icon {
@include recolor-icon(color(ink, lighter));
height: $icon-size;
width: $icon-size;
// We set negative top/ bottom margin so the icon never sets the height of the content.
margin: (-0.5 * $icon-size) spacing(extra-tight) (-0.5 * $icon-size) $icon-horizontal-adjustment;
}
Version data entries
39 entries across 39 versions & 1 rubygems