chip.component.scss 536 B

12345678910111213141516171819202122232425262728293031323334
  1. @import "variables";
  2. :host {
  3. display: inline-block;
  4. }
  5. .wrapper {
  6. display: flex;
  7. border: 1px solid $color-grey-4;
  8. border-radius: 3px;
  9. margin: 6px;
  10. &.with-background {
  11. color: $color-grey-1;
  12. border-color: transparent;
  13. }
  14. }
  15. .chip-label {
  16. padding: 3px 6px;
  17. line-height: 1em;
  18. }
  19. .chip-icon {
  20. border-left: 1px solid $color-grey-4;
  21. padding: 0 3px;
  22. button {
  23. cursor: pointer;
  24. background: none;
  25. margin: 0;
  26. padding: 0;
  27. border: none;
  28. }
  29. }