40 lines
891 B
SCSS
40 lines
891 B
SCSS
.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);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|