2
0

_pill.scss 493 B

12345678910111213141516
  1. .w-pill {
  2. @apply w-flex w-items-center;
  3. min-height: theme('spacing[6.5]');
  4. &__content {
  5. @apply w-pl-3 w-py-1 w-rounded-l-xl w-bg-info-100 w-p-0 w-text-white w-pr-2 w-text-14 w-flex w-items-center w-border w-border-info-100 w-border-r-white-15 w-h-full;
  6. }
  7. &__remove {
  8. @apply w-pr-3 w-py-1 w-rounded-r-xl w-border w-border-info-100 w-bg-info-100 w-text-white w-p-0 w-pl-2 w-flex w-items-center w-justify-center w-h-full;
  9. }
  10. button {
  11. @apply hover:w-bg-info-125;
  12. }
  13. }