| .custom-chips { |
| .md-chip { |
| position: relative; |
| padding-right: 35px; |
| .md-chip-remove-container { |
| position: absolute; |
| right: 4px; |
| top: 4px; |
| margin-right: 0; |
| height: 24px; |
| button.vegetablechip { |
| position: relative; |
| height: 24px; |
| width: 24px; |
| line-height: 30px; |
| text-align: center; |
| background: rgba(black, 0.3); |
| border-radius: 50%; |
| border: none; |
| box-shadow: none; |
| padding: 0; |
| margin: 0; |
| transition: background 0.15s linear; |
| display: block; |
| md-icon { |
| position: absolute; |
| top: 50%; |
| left: 50%; |
| transform: translate3d(-50%, -50%, 0) scale(0.7); |
| color: white; |
| fill: white; |
| } |
| &:hover, &:focus { |
| background: rgba(red, 0.8); |
| } |
| } |
| } |
| } |
| } |