fix: remove data- from attributes

Author: frankpagan

docs/index.html

@@ -33,7 +33,7 @@ <h2>CoCreate-parallax</h2>
             </div>
             <div class="display:flex align-items:center font-size:20px position:absolute right:0 padding:5px background:white">
                 <div class="display:flex align-items:center transition:0.3s padding-left:10px" share-network="true" share-text="A stunning css effect in which the background moves at a slower pace than the foreground. Resulting in 3D effect when users scroll up/down the webpage."
-                    share-title="CoCreate-parallax" share-height="600" share-width="700" share-media="https://cdn.cocreate.app/docs/parallax.png" data-hover="display:block!important" hover-target=".social-networks">
+                    share-title="CoCreate-parallax" share-height="600" share-width="700" share-media="https://cdn.cocreate.app/docs/parallax.png" hover="display:block!important" hover-target=".social-networks">
                     <div class="display:none social-networks">
                         <a class="margin-right:15px" share-network='twitter' title="Share on twitter"><i class="fab fa-twitter"></i></a>
                         <a class="margin-right:15px" share-network='facebook' title="Share on Facebook"><i class="fab fa-facebook"></i></a>
@@ -48,7 +48,7 @@ <h1 class="max-width:500px margin:20px_10px line-height:1.5 font-size:16px font-
         <div id="parallax-section" class="display:flex flex-wrap:wrap">
             <div class="flex-grow:1 width:400px width:300px@xs padding:0px_10px margin-top:60px">
                 <div id="parallax-install" class="border-bottom:1px_solid_lightgrey" scroll scroll-intersect="color:dodgerblue" scroll-target="#parallax-install-section">
-                    <span class="display:flex align-items:center width:fit-content" data-hover="display:block!important" hover-target='[href="#parallax-install"]'>
+                    <span class="display:flex align-items:center width:fit-content" hover="display:block!important" hover-target='[href="#parallax-install"]'>
                             <h2 class="padding:5px_0px">Install</h2>
                             <a class="margin-left:10px display:none" href="#parallax-install"><i class="fas fa-link"></i></a>
                         </span>
@@ -58,7 +58,7 @@ <h2 class="padding:5px_0px">Install</h2>
                 <pre><code class="language-html">&lt;script&gt;https://cdn.cocreate.app/parallax/latest/CoCreate-parallax.min.js&lt;/script&gt;</code></pre>
 
                 <div id="parallax-usage" class="margin-top:80px border-bottom:1px_solid_lightgrey" scroll scroll-intersect="color:dodgerblue" scroll-target="#parallax-usage-section">
-                    <span class="display:flex align-items:center width:fit-content" data-hover="display:block!important" hover-target='[href="#parallax-usage"]'>
+                    <span class="display:flex align-items:center width:fit-content" hover="display:block!important" hover-target='[href="#parallax-usage"]'>
                             <h2 class="padding:5px_0px">Usage</h2>
                             <a class="margin-left:10px display:none" href="#parallax-usage"><i class="fas fa-link"></i></a>
                         </span>
@@ -73,7 +73,7 @@ <h2 class="padding:5px_0px">Usage</h2>
                     <p class="padding:10px_0px line-height:1.5">This is parallax usage</p>
                 </div>
                 <div id="parallax-attributes" class="margin-top:80px border-bottom:1px_solid_lightgrey" scroll scroll-intersect="color:dodgerblue" scroll-target="#parallax-attributes-section">
-                    <span class="display:flex align-items:center width:fit-content" data-hover="display:block!important" hover-target='[href="#parallax-attributes"]'>
+                    <span class="display:flex align-items:center width:fit-content" hover="display:block!important" hover-target='[href="#parallax-attributes"]'>
                             <h2 class="padding:5px_0px">Attributes</h2>
                             <a class="margin-left:10px display:none" href="#parallax-attributes"><i class="fas fa-link"></i></a>
                         </span>
@@ -93,7 +93,7 @@ <h4><span>parallax</span> <span class="cocreate-badge success">string</span> <sp
             <div class="flex-grow:1 width:300px padding:0px_10px margin-top:60px border-bottom:1px_solid_lightgrey">
                 <!-- SandBox -->
                 <div id="parallax-demo" class="border-bottom:1px_solid_lightgrey" scroll scroll-intersect="color:dodgerblue" scroll-target="#parallax-demo-section">
-                    <span class="display:flex align-items:center width:fit-content" data-hover="display:block!important" hover-target='[href="#parallax-demo"]'>
+                    <span class="display:flex align-items:center width:fit-content" hover="display:block!important" hover-target='[href="#parallax-demo"]'>
                             <h2 class="padding:5px_0px">Demo</h2>
                             <a class="margin-left:10px display:none" href="#parallax-demo"><i class="fas fa-link"></i></a>
                         </span>