Sha256: fc3eb37802480aa498133cb64288c27876bb5b4b6563b93c7c890d4e1a5409b1
Contents?: true
Size: 791 Bytes
Versions: 39
Compression:
Stored size: 791 Bytes
Contents
$height: rem(28px);
$icon-size: rem(16px);
.Polaris-Tag {
display: inline-flex;
overflow: hidden;
align-items: center;
min-height: $height;
padding-left: spacing(tight);
background-color: color(sky);
border-radius: border-radius();
color: color(ink);
}
.Polaris-Tag__Button {
@include recolor-icon(color(ink, lighter));
@include unstyled-button;
display: block;
height: $height;
width: $height;
margin-left: spacing(extra-tight);
will-change: background, fill;
transition-property: background, fill;
transition-duration: duration();
transition-timing-function: easing();
&:hover,
&:focus,
&:active {
@include recolor-icon(color(ink));
background: color(sky, dark);
}
&:active {
background: rgba(color(ink, lightest), 0.6);
}
}
Version data entries
39 entries across 39 versions & 1 rubygems