style.scss 891 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. .custom-chips {
  2. .md-chip {
  3. position: relative;
  4. padding-right: 35px;
  5. .md-chip-remove-container {
  6. position: absolute;
  7. right: 4px;
  8. top: 4px;
  9. margin-right: 0;
  10. height: 24px;
  11. button.vegetablechip {
  12. position: relative;
  13. height: 24px;
  14. width: 24px;
  15. line-height: 30px;
  16. text-align: center;
  17. background: rgba(black, 0.3);
  18. border-radius: 50%;
  19. border: none;
  20. box-shadow: none;
  21. padding: 0;
  22. margin: 0;
  23. transition: background 0.15s linear;
  24. display: block;
  25. md-icon {
  26. position: absolute;
  27. top: 50%;
  28. left: 50%;
  29. transform: translate3d(-50%, -50%, 0) scale(0.7);
  30. color: white;
  31. fill: white;
  32. }
  33. &:hover, &:focus {
  34. background: rgba(red, 0.8);
  35. }
  36. }
  37. }
  38. }
  39. }