diff --git a/packages/components/bolt-chip/src/chip.scss b/packages/components/bolt-chip/src/chip.scss index cff28105d8..4da6049959 100644 --- a/packages/components/bolt-chip/src/chip.scss +++ b/packages/components/bolt-chip/src/chip.scss @@ -8,9 +8,9 @@ $bolt-chip-border-radius: bolt-border-radius(full); $bolt-chip-color: bolt-theme(text); $bolt-chip-color-link: bolt-theme(link); -$bolt-chip-background-color: bolt-theme(neutral,0.3); -$bolt-chip-background-color-hover: bolt-theme(neutral,0.5); -$bolt-chip-background-color-active: bolt-theme(neutral,0.7); +$bolt-chip-background-color: bolt-theme(neutral, 0.2); +$bolt-chip-background-color-hover: bolt-theme(neutral, 0.3); +$bolt-chip-background-color-active: bolt-theme(neutral, 0.5); $bolt-chip-transition: $bolt-transition; $bolt-chip-item-size: bolt-spacing(xxsmall) / 2; @@ -39,16 +39,11 @@ bolt-chip { transition: background-color $bolt-chip-transition; } -$bolt-chip-sizes: ( - xsmall, - small, - medium, -); +$bolt-chip-sizes: (xsmall, small, medium); @each $size in $bolt-chip-sizes { .c-bolt-chip--size-#{$size} { @include bolt-padding(#{$size}, squished); - } } @@ -66,7 +61,6 @@ $bolt-chip-sizes: ( } } - .c-bolt-chip__text, .c-bolt-chip__icon { @include bolt-padding(0 $bolt-chip-item-size);