JSFiddle - React, Tailwind, and code Playground

by Dmitriy Shvanyk

SCSS

&-toggler{
    transform: translateX(100%);
    transition: transform .3s ease;

    &:checked ~ .nav_content{
        transform: translateX(0);
    }        
}