JSFiddle - React, Tailwind, and code Playground

by meo

HTML

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sit amet ligula quis <a href="#flyout">velit tempus</a> pulvinar. Quisque semper tempus consequat. Nunc eu elit a felis euismod faucibus. Ut sed eros nisi, non elementum diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc at quam eu eros hendrerit sodales vitae sit amet dolor. Quisque purus nisi, condimentum sit amet faucibus ac, eleifend vel orci. Pellentesque fringilla interdum lacus egestas faucibus. Curabitur luctus lectus id nisl varius dictum. Nunc ut eros ac nulla eleifend tincidunt.

Maecenas ornare dictum risus sit amet viverra. Etiam quam erat, mattis in suscipit sed, condimentum ut est. In aliquet, nulla vitae ultricies commodo, sem dui pretium dui, a malesuada orci magna sit amet augue. Vestibulum pellentesque, nisl eu vehicula feugiat, neque odio euismod ante, quis semper leo turpis sit amet nisl. Nam eu ullamcorper nisi. Ut rhoncus suscipit convallis. Praesent in semper nunc.

Integer blandit ornare tristique. Integer porta justo ut leo tempor eget vulputate diam sodales. Nulla pretium rutrum tincidunt. Aenean consectetur faucibus orci non vehicula. Phasellus molestie libero et mauris fermentum ut vestibulum nisi pretium. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut blandit justo vel tellus rutrum gravida. Nam lorem massa, consectetur eget tincidunt at, accumsan ut augue. Aliquam a ultrices neque.

Phasellus fermentum pretium lacinia. Maecenas ac egestas diam. Aenean non leo augue. Nulla eu nunc turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget fermentum dolor. Nullam quam purus, molestie vel tempor cursus, egestas et est. In gravida turpis sit amet erat molestie nec commodo nulla sodales. Sed eget arcu tellus, vel convallis velit. Aenean libero eros, eleifend non congue rhoncus, volutpat in leo. Maecenas metus neque, interdum in feugiat ut, ornare non urna....

SCSS

.flyout {
    position: absolute;
    left: 20px; top: 280px;
    width: 300px
    .flyout-body {
         background: pink;
         position: absolute;
         bottom: 20px;
         width: 100%;
    }
    [class*="indicator-"] {
        height: 20px;
        background: black;
    }
    
}