JSFiddle - React, Tailwind, and code Playground

by Girisha Chennura

HTML

<input class="icn-search" type="text" />

SCSS

body{
    margin:100px;
}


.icn-search{
    padding-right: 30px;
    position: relative;
    
    &:after {
            content:"";
            width: 18px;
            height: 18px;
            position: absolute;
            background: red;
            top: 5px;
            right: 5px;
            display: block;
        }
        
        &:focus, &:active {
            &:after {
                    @include opacity(0.25);
                }
        }
}