src/app/component/word/like/word-like.component.scss
@use '../../../style/colour' as colour;
@use '../../../style/font' as font;
@use '../../../style/mixin' as mxn;
img {
position: relative;
float: right;
z-index: 1;
opacity: 0;
margin-left: .1rem;
@include mxn.opacity-hover;
transition: all .4s ease-in;
&.show {
opacity: 1;
z-index: 10;
}
&:last-of-type {
margin-right: -22px; // overlaps it with the filled (liked) heart
transition: all .7s ease-in;
}
}