JSFiddle - React, Tailwind, and code Playground

by Marventus

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.4.7/js/vendor/modernizr.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.4.7/js/foundation.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.4.7/css/foundation.css">
<div id="myModal" class="reveal-modal" data-reveal aria-labelledby="modalTitle" aria-hidden="true" role="dialog">
    <div id="content">
        <h2 id="modalTitle">Some title</h2>
        <p class="lead">Your couch. It is mine.</p>
        <p>I'm a cool paragraph that lives inside of an even cooler modal. Wins!</p>
        <p>I'm a cool paragraph that lives inside of an even cooler modal. Wins!</p>
        <p>I'm a cool paragraph that lives inside of an even cooler modal. Wins!</p>
        <p>I'm a cool paragraph that lives inside of an even cooler modal. Wins!</p>
        <p>I'm a cool paragraph that lives inside of an even cooler modal. Wins!</p>
        <p>I'm a cool paragraph that lives inside of an even cooler modal. Wins!</p>
        <p>I'm a cool paragraph that lives inside of an even cooler modal. Wins!</p>
        <p>I'm a cool paragraph that lives inside of an even cooler modal. Wins!</p>
        <p>I'm a cool paragraph that lives inside of an even cooler modal. Wins!</p>
        <p>I'm a cool paragraph that lives inside of an even cooler modal. Wins!</p>
        <p>I'm a cool paragraph that lives inside of an even cooler modal. Wins!</p>
        <p>I'm a cool paragraph that lives inside of an even cooler modal. Wins!</p>
        <p>I'm a cool paragraph that lives inside of an even cooler modal. Wins!</p>
        <p>I'm a cool paragraph that lives inside of an even cooler modal. Wins!</p>
        <p>I'm a cool paragraph that lives inside of an even cooler modal. Wins!</p>
        <p>I'm a cool paragraph that lives inside of an even cooler modal. Wins!</p>
        <a class="close-reveal-modal" aria-label="Close">&#215;</a>
    </div>
</div>

<a...

CSS

#myModal {
    height: 300px;
    overflow: hidden;
}
#content {
    height: 100%;
    overflow: scroll;
}

JavaScript

$(document).ready(function () {
    $(this).foundation();
});