<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8"/>
        <title>Test i-hover</title>
        <script src="../dist/ffnm.min.js"></script>
        <style>
         .uppercase {
             text-transform: uppercase;
         }
        </style>
    </head>
    <body>
        <p i-hover="class:add('uppercase', '.text__-hover')">Place the cursor over this text</p>
        <p class="text__1--hover">
            Quisque id diam vel quam elementum pulvinar etiam non quam?
        </p>
        <p class="text__1--hover">
            Ac, feugiat sed lectus vestibulum mattis ullamcorper velit sed ullamcorper.
        </p>
        <p class="text__1--hover" i-hover="class:add('uppercase')">
            Nunc aliquet bibendum enim, facilisis gravida neque convallis a cras.
        </p>
        <p class="text__1--hover">
            Orci phasellus egestas tellus rutrum tellus pellentesque eu tincidunt tortor.
        </p>
        <p class="text__1--hover">
            Volutpat consequat, mauris nunc congue nisi, vitae suscipit tellus mauris.
        </p>
    </body>
</html>