Sha256: 04075118f5861f5125035c0a4627bad2e585a66ec90f5b47e8c0e02c739474d3
Contents?: true
Size: 1.28 KB
Versions: 83
Compression:
Stored size: 1.28 KB
Contents
@import "../tokens/spacing"; @import "../tokens/colors"; @import "../tokens/opacity"; @import "../tokens/shadows"; @import "../pb_avatar/avatar"; $selector: ".pb_form_pill"; $pb_form_pill_height: 37px; $form_pill_colors: ( primary: map-get($status_color_text, "primary"), ); [class^=pb_form_pill_kit] { display: inline-flex; justify-content: center; align-items: center; padding: 0 $space-sm/3; height: $pb_form_pill_height; border-radius: $pb_form_pill_height/2; cursor: pointer; @each $color_name, $color_value in $form_pill_colors { &[class*=_#{$color_name}] { background-color: rgba($color_value, $opacity-1); transition: background-color 0.2s ease; box-shadow: none; @media (hover:hover) { &:hover { background-color: rgba($color_value, $opacity-2); } } #{$selector}_text { color: $color_value; padding-left: $space-sm; padding-right: $space-sm/4; } #{$selector}_close { color: $color_value; padding-left: $space-sm/2; padding-right: $space-sm/4; display: flex; align-items: center; height: 100%; cursor: pointer; } #{$selector}_tag { color: $color_value; padding-left: $space-sm; } } } }
Version data entries
83 entries across 83 versions & 1 rubygems