noydb/oworms-ui

View on GitHub
src/app/component/word/like/word-like.component.scss

Summary

Maintainability
Test Coverage
@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;
    }

}