JSFiddle - React, Tailwind, and code Playground

by khamer

HTML

<h1><a href="#">Lorem ipsum dolor.</a></h1>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus mollitia <a href="#">numquam non dolorem</a> blanditiis sunt maiores harum esse. Debitis numquam a dolore adipisci corporis voluptas modi quibusdam quod architecto distinctio!</p>

SCSS

@mixin darkenOnHover($color) {
    color: $color;
    
    &:hover,
    &:active {
        color: darken($color, 30%);
    }
}

h1 a {
    @include darkenOnHover(red);
}

a {
    @include darkenOnHover(blue);
}