Skip to content

Commit 94e0b2a

Browse files
frankpaganfrankpagan
committed
fix: remove data- from attributes
1 parent 3f97b5c commit 94e0b2a

File tree

1 file changed

+19
-19
lines changed

1 file changed

+19
-19
lines changed

‎docs/index.html

+19-19
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@
1818

1919

2020
<body>
21-
<nav class="nav display:flex align-items:center background:whitesmoke padding-top:10px padding-bottom:10px" data-main_content_id="content" data-scroll="sticky-nav,hide-nav" data-scroll_up="10" data-scroll_down="10" collection="components" document_id="60395ef42b3ac232657040fd" name="html">
21+
<nav class="nav display:flex align-items:center background:whitesmoke padding-top:10px padding-bottom:10px" data-main_content_id="content" scroll="sticky-nav,hide-nav" scroll-up="10" scroll-down="10" collection="components" document_id="60395ef42b3ac232657040fd" name="html">
2222
</nav>
2323
<sidenav id="menuL" class="cocreate-sidenav background:whitesmoke" data-main_content="content" sidenav-default_desktop="expanded" sidenav-default_tablet="offcanvas" sidenav-ontoggle_desktop="offcanvas" sidenav-ontoggle_tablet="expanded">
2424
<menu collection="components" document_id="603717b07de7fb350ae9fec8" name="html"></menu>
@@ -30,22 +30,22 @@
3030
<h2>CoCreate-utils</h2>
3131
</div>
3232
<div class="display:flex align-items:center font-size:20px position:absolute right:0 padding:5px background:white">
33-
<div class="display:flex align-items:center transition:0.3s padding-left:10px" data-share_network="true" data-share_text="Enter decription here" data-share_title="testing im a title" data-share_height="600" data-share_width="700" data-share_media="https://cdn.cocreate.app/docs/utils.png" data-hover="display:block!important" data-hover_target=".social-networks">
33+
<div class="display:flex align-items:center transition:0.3s padding-left:10px" share-network="true" share-text="Enter decription here" share-title="testing im a title" share-height="600" share-width="700" share-media="https://cdn.cocreate.app/docs/utils.png" hover="display:block!important" hover-target=".social-networks">
3434
<div class="display:none social-networks">
35-
<a class="margin-right:15px" data-share_network='twitter' title="Share on twitter"><i class="fab fa-twitter"></i></a>
36-
<a class="margin-right:15px" data-share_network='facebook' title="Share on Facebook"><i class="fab fa-facebook"></i></a>
37-
<a class="margin-right:15px" data-share_network='instagram' title="Share on instagram"><i class="fab fa-instagram"></i></a>
35+
<a class="margin-right:15px" share-network='twitter' title="Share on twitter"><i class="fab fa-twitter"></i></a>
36+
<a class="margin-right:15px" share-network='facebook' title="Share on Facebook"><i class="fab fa-facebook"></i></a>
37+
<a class="margin-right:15px" share-network='instagram' title="Share on instagram"><i class="fab fa-instagram"></i></a>
3838
</div>
39-
<a class="margin-right:15px" data-share_network='share' title="Share on share"><i class="fas fa-share-alt"></i></a>
39+
<a class="margin-right:15px" share-network='share' title="Share on share"><i class="fas fa-share-alt"></i></a>
4040
</div>
4141
<a href="https://github.com/CoCreate-app/CoCreate-utils" target="_blank" class="margin-right:15px"><i class="fab fa-github"></i></a>
4242
</div>
4343
</div>
4444
<h1 class="max-width:500px margin:20px_10px line-height:1.5 font-size:16px font-weight:100">A simple HTML5, CSS and pure javascript component. Easy configuration using data-attributes and highly styleable.</h1>
4545
<div id="utils-section" class="display:flex flex-wrap:wrap">
4646
<div class="flex-grow:1 width:400px width:300px@xs padding:0px_10px margin-top:60px">
47-
<div id="utils-install" class="border-bottom:1px_solid_lightgrey" data-scroll data-scroll_intersect="color:dodgerblue" data-scroll_target="#utils-install-section">
48-
<span class="display:flex align-items:center width:fit-content" data-hover="display:block!important" data-hover_target='[href="#utils-install"]'>
47+
<div id="utils-install" class="border-bottom:1px_solid_lightgrey" scroll scroll-intersect="color:dodgerblue" scroll-target="#utils-install-section">
48+
<span class="display:flex align-items:center width:fit-content" hover="display:block!important" hover-target='[href="#utils-install"]'>
4949
<h2 class="padding:5px_0px">Install</h2>
5050
<a class="margin-left:10px display:none" href="#utils-install"><i class="fas fa-link"></i></a>
5151
</span>
@@ -54,17 +54,17 @@ <h2 class="padding:5px_0px">Install</h2>
5454
<p class="padding:10px_0px line-height:1.5">Or you can use cdn link:</p>
5555
<pre><code class="language-html">&lt;script&gt;https://cdn.cocreate.app/utils/latest/CoCreate-utils.min.js&lt;/script&gt;</code></pre>
5656

57-
<div id="utils-usage" class="margin-top:80px border-bottom:1px_solid_lightgrey" data-scroll data-scroll_intersect="color:dodgerblue" data-scroll_target="#utils-usage-section">
58-
<span class="display:flex align-items:center width:fit-content" data-hover="display:block!important" data-hover_target='[href="#utils-usage"]'>
57+
<div id="utils-usage" class="margin-top:80px border-bottom:1px_solid_lightgrey" scroll scroll-intersect="color:dodgerblue" scroll-target="#utils-usage-section">
58+
<span class="display:flex align-items:center width:fit-content" hover="display:block!important" hover-target='[href="#utils-usage"]'>
5959
<h2 class="padding:5px_0px">Usage</h2>
6060
<a class="margin-left:10px display:none" href="#utils-usage"><i class="fas fa-link"></i></a>
6161
</span>
6262
</div>
6363
<p class="padding:10px_0px line-height:1.5">utils usage content</p>
6464
<pre><code class="language-html">&lt;div&gt;&lt;/div&gt;</code></pre>
6565

66-
<div id="utils-usage" class="margin-top:80px border-bottom:1px_solid_lightgrey" data-scroll data-scroll_intersect="color:dodgerblue" data-scroll_target="#utils-usage-section">
67-
<span class="display:flex align-items:center width:fit-content" data-hover="display:block!important" data-hover_target='[href="#utils-usage"]'>
66+
<div id="utils-usage" class="margin-top:80px border-bottom:1px_solid_lightgrey" scroll scroll-intersect="color:dodgerblue" scroll-target="#utils-usage-section">
67+
<span class="display:flex align-items:center width:fit-content" hover="display:block!important" hover-target='[href="#utils-usage"]'>
6868
<h2 class="padding:5px_0px">Usage</h2>
6969
<a class="margin-left:10px display:none" href="#utils-usage"><i class="fas fa-link"></i></a>
7070
</span>
@@ -73,8 +73,8 @@ <h2 class="padding:5px_0px">Usage</h2>
7373
<pre><code class="language-javascript">&lt;div&gt;&lt;/div&gt;</code></pre>
7474
<p class="padding:10px_0px line-height:1.5">This is utils usage content</p>
7575

76-
<div id="utils-attributes" class="margin-top:80px border-bottom:1px_solid_lightgrey" data-scroll data-scroll_intersect="color:dodgerblue" data-scroll_target="#utils-attributes-section">
77-
<span class="display:flex align-items:center width:fit-content" data-hover="display:block!important" data-hover_target='[href="#utils-attributes"]'>
76+
<div id="utils-attributes" class="margin-top:80px border-bottom:1px_solid_lightgrey" scroll scroll-intersect="color:dodgerblue" scroll-target="#utils-attributes-section">
77+
<span class="display:flex align-items:center width:fit-content" hover="display:block!important" hover-target='[href="#utils-attributes"]'>
7878
<h2 class="padding:5px_0px">Attributes</h2>
7979
<a class="margin-left:10px display:none" href="#utils-attributes"><i class="fas fa-link"></i></a>
8080
</span>
@@ -93,17 +93,17 @@ <h4><span>data-utils</span> <span class="cocreate-badge success">string</span> <
9393

9494
<div class="flex-grow:1 width:300px padding:0px_10px margin-top:60px border-bottom:1px_solid_lightgrey">
9595
<!-- SandBox -->
96-
<div id="utils-demo" class="border-bottom:1px_solid_lightgrey" data-scroll data-scroll_intersect="color:dodgerblue" data-scroll_target="#utils-demo-section">
97-
<span class="display:flex align-items:center width:fit-content" data-hover="display:block!important" data-hover_target='[href="#utils-demo"]'>
96+
<div id="utils-demo" class="border-bottom:1px_solid_lightgrey" scroll scroll-intersect="color:dodgerblue" scroll-target="#utils-demo-section">
97+
<span class="display:flex align-items:center width:fit-content" hover="display:block!important" hover-target='[href="#utils-demo"]'>
9898
<h2 class="padding:5px_0px">Demo</h2>
9999
<a class="margin-left:10px display:none" href="#utils-demo"><i class="fas fa-link"></i></a>
100100
</span>
101101
</div>
102102
<div class="position:sticky top:0 padding:10px_0px height:100vh">
103103
<div class="container svColumn overflow:hidden card border-radius:2px width:auto height:100%" id="sandbox">
104104
<div class="font-size:20px position:absolute top:10px right:10px opacity:0.6 z-index:7">
105-
<a class="margin-right:10px" id="preview" data-show="preview" data-hide="code"><i class="far fa-eye"></i></a>
106-
<a class="margin-right:10px hidden" id="code" data-show="code" data-hide="preview"><i class="fas fa-code"></i></a>
105+
<a class="margin-right:10px" id="preview" show="preview" hide="code"><i class="far fa-eye"></i></a>
106+
<a class="margin-right:10px hidden" id="code" show="code" hide="preview"><i class="fas fa-code"></i></a>
107107
<!--<a class="margin-right:10px"><i class="far fa-window-maximize"></i></a>-->
108108
<a target="modal" href="module_activity_datatable.html"
109109
pass-collection="modules"
@@ -137,7 +137,7 @@ <h2 class="padding:5px_0px">Demo</h2>
137137
<div class="svSplitter svHorizontal"> </div>
138138

139139
<div class="svPanel">
140-
<iframe data-get_value="7" frameBorder="0" height="100%" width="100%" class="min-width:300px"></iframe>
140+
<iframe get-value="7" frameBorder="0" height="100%" width="100%" class="min-width:300px"></iframe>
141141
</div>
142142

143143
</div>

0 commit comments

Comments
 (0)