Sha256: bcfdebf06d700c44874419b1d6e380e3f3b5ecb680cceb975bf5ce4009eca408
Contents?: true
Size: 727 Bytes
Versions: 6
Compression:
Stored size: 727 Bytes
Contents
@use "sass:math";
@import "../tokens/spacing";
@import "../tokens/colors";
@import "../tokens/opacity";
@import "../pb_body/body";
$pb_pill_height: 22px;
[class^=pb_pill_kit] {
display: inline-flex;
justify-content: center;
align-items: center;
padding: 0 math.div($space-sm, 1.8);
height: $pb_pill_height;
border-radius: math.div($pb_pill_height, 2);
white-space: nowrap;
&[class*=lowercase] {
text-transform: lowercase;
}
&[class*=none] {
text-transform: none;
}
@each $color_name, $color_value in $status_color_text {
&[class*=_#{$color_name}] {
background: rgba($color_value, $opacity-1);
.pb_pill_text {
color: $color_value !important;
}
}
}
}
Version data entries
6 entries across 6 versions & 1 rubygems