Skip to content

Commit a5a7b35

Browse files
frankpaganfrankpagan
committed
fix: remove data- from attributes
1 parent 1effc11 commit a5a7b35

14 files changed

+204
-204
lines changed

‎demo/CoCreate-card.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -17,9 +17,9 @@
1717

1818
<body>
1919
<div id="modal-viewport" class="hidden"></div>
20-
<div data-main_content_id="content" class="nav width:100% display:flex align-items-center bg-light-gray height:50px" data-scroll_effect="hide-nav" data-scroll_position="50">
20+
<div data-main_content_id="content" class="nav width:100% display:flex align-items-center bg-light-gray height:50px" scroll-effect="hide-nav" scroll-position="50">
2121
<!--<a href="#" class="logo">Navbar</a>-->
22-
<!--<a class="nav-toggle menu_icon--Vdots" data-toggle_sidenav="menuL">-->
22+
<!--<a class="nav-toggle menu_icon--Vdots" toggle-sidenav="menuL">-->
2323
<!-- <div class="circle"></div>-->
2424
<!-- <div class="circle"></div>-->
2525
<!-- <div class="circle"></div>-->

‎demo/CoCreate-navbar.1.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@
1717
<!--<a href="#" class="logo">Navbar</a>-->
1818

1919
<!-- Menu Icon -->
20-
<a class="menu_icon display:none@md@lg@xl" data-toggle="open" data-toggle_sidenav="menuL">
20+
<a class="menu_icon display:none@md@lg@xl" toggle="open" toggle-sidenav="menuL">
2121
<span></span>
2222
<span></span>
2323
<span></span>

‎demo/CoCreate-navbar.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@
2121
<!--<a href="#" class="logo">Navbar</a>-->
2222

2323
<!-- Menu Icon -->
24-
<a class="menu_icon display:none@md@lg@xl" data-toggle="open" data-toggle_sidenav="menuL">
24+
<a class="menu_icon display:none@md@lg@xl" toggle="open" toggle-sidenav="menuL">
2525
<span></span>
2626
<span></span>
2727
<span></span>

‎demo/CoCreate-smooth-scroll.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@
2121
<!--<a href="#" class="logo">Navbar</a>-->
2222

2323
<!-- Menu Icon Animations -->
24-
<a aria-label="mobile menu" class="nav-toggle menu_icon--hamburger" data-toggle_sidenav="menuL">
24+
<a aria-label="mobile menu" class="nav-toggle menu_icon--hamburger" toggle-sidenav="menuL">
2525
<span></span>
2626
<span></span>
2727
<span></span>

‎demo/atomic-css.html‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -31,19 +31,19 @@
3131
<div class="display:flex align-items:center">
3232
<h2 class="background:red@sm@md">CoCreate helper CSS</h2>
3333
</div>
34-
<div class="display:flex align-items:center font-size:20px" data-share_height="600" data-share_width="500" data-share_media="https://via.placeholder.com/300/09f/fff.png">
34+
<div class="display:flex align-items:center font-size:20px" share-height="600" share-width="500" share-media="https://via.placeholder.com/300/09f/fff.png">
3535
<a href="https://github.com/CoCreate-app/CoCreateCSS" target="_blank" class="margin-right:15px"><i class="fab fa-github"></i></a>
36-
<a class="margin-right:15px" data-share_network='twitter' title="Share on twitter"><i class="fab fa-twitter"></i></a>
37-
<a class="margin-right:15px" data-share_network='facebook' title="Share on Facebook"><i class="fab fa-facebook"></i></a>
38-
<a class="margin-right:15px" data-share_network='instagram' title="Share on instagram"><i class="fab fa-instagram"></i></a>
39-
<a class="margin-right:15px" data-share_network='share' title="Share on share"><i class="fas fa-share-alt"></i></a>
36+
<a class="margin-right:15px" share-network='twitter' title="Share on twitter"><i class="fab fa-twitter"></i></a>
37+
<a class="margin-right:15px" share-network='facebook' title="Share on Facebook"><i class="fab fa-facebook"></i></a>
38+
<a class="margin-right:15px" share-network='instagram' title="Share on instagram"><i class="fab fa-instagram"></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
</div>
4242
<p class="max-width:500px margin-top:20px">CoCreate provides the most convenient helper class.</p>
4343
<div id="xxxxx-section" class="display:flex flex-wrap:wrap justify-content:space-between">
4444
<div class="flex-grow:1 width:300px padding:0px_10px margin:20px_0px">
4545
<div id="boilerplate-reference" class="margin-top:80px border-bottom:1px_solid_lightgrey">
46-
<span class="display:flex align-items:center" data-hover="display:block!important" data-hover_target='[href="#boilerplate-reference"]'>
46+
<span class="display:flex align-items:center" hover="display:block!important" hover-target='[href="#boilerplate-reference"]'>
4747
<h2 class="padding:5px_0px">Reference</h2>
4848
<a class="margin-left:10px display:none" href="#boilerplate-reference"><i class="fas fa-link"></i></a>
4949
</span>
@@ -728,16 +728,16 @@ <h3 class="border-bottom:1px_solid_lightgrey margin-top:15px padding:5px">cursor
728728

729729
<!-- SandBox -->
730730
<div id="boilerplate-demo" class="border-bottom:1px_solid_lightgrey">
731-
<span class="display:flex align-items:center" data-hover="display:block!important" data-hover_target='[href="#boilerplate-demo"]'>
731+
<span class="display:flex align-items:center" hover="display:block!important" hover-target='[href="#boilerplate-demo"]'>
732732
<h2 class="padding:5px_0px">Demo</h2>
733733
<a class="margin-left:10px display:none" href="#boilerplate-demo"><i class="fas fa-link"></i></a>
734734
</span>
735735
</div>
736736
<div class="position:sticky top:0 padding:15px_0px height:100vh">
737737
<div class="container svColumn overflow:hidden card border-radius:2px width:auto height:100% box-shadow-300" id="form-sandbox">
738738
<div class="font-size:20px position:absolute top:10px right:10px opacity:0.6 z-index:7">
739-
<a class="margin-right:10px" id="preview" data-show="preview" data-hide="code"><i class="far fa-eye"></i></a>
740-
<a class="margin-right:10px hidden" id="code" data-show="code" data-hide="preview"><i class="fas fa-code"></i></a>
739+
<a class="margin-right:10px" id="preview" show="preview" hide="code"><i class="far fa-eye"></i></a>
740+
<a class="margin-right:10px hidden" id="code" show="code" hide="preview"><i class="fas fa-code"></i></a>
741741
<!--<a class="margin-right:10px"><i class="far fa-window-maximize"></i></a>-->
742742
<a target="modal" href="module_activity_datatable.html"
743743
pass-collection="modules"
@@ -771,7 +771,7 @@ <h2 class="padding:5px_0px">Demo</h2>
771771
<div class="svSplitter svHorizontal"> </div>
772772

773773
<div class="svPanel">
774-
<iframe data-get_value="7" frameBorder="0" height="100%" width="100%" class="min-width:300px"></iframe>
774+
<iframe get-value="7" frameBorder="0" height="100%" width="100%" class="min-width:300px"></iframe>
775775
</div>
776776

777777
</div>

‎demo/avatar.html‎

Lines changed: 16 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@
1818
</head>
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"
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"
2222
name="html">
2323
</nav>
2424
<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">
@@ -31,14 +31,14 @@
3131
<h2>CoCreate-avatar</h2>
3232
</div>
3333
<div class="display:flex align-items:center font-size:20px position:absolute right:0 padding:5px background:white">
34-
<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/boilerplate.png"
35-
data-hover="display:block!important" data-hover_target=".social-networks">
34+
<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/boilerplate.png"
35+
hover="display:block!important" hover-target=".social-networks">
3636
<div class="display:none social-networks">
37-
<a class="margin-right:15px" data-share_network='twitter' title="Share on twitter"><i class="fab fa-twitter"></i></a>
38-
<a class="margin-right:15px" data-share_network='facebook' title="Share on Facebook"><i class="fab fa-facebook"></i></a>
39-
<a class="margin-right:15px" data-share_network='instagram' title="Share on instagram"><i class="fab fa-instagram"></i></a>
37+
<a class="margin-right:15px" share-network='twitter' title="Share on twitter"><i class="fab fa-twitter"></i></a>
38+
<a class="margin-right:15px" share-network='facebook' title="Share on Facebook"><i class="fab fa-facebook"></i></a>
39+
<a class="margin-right:15px" share-network='instagram' title="Share on instagram"><i class="fab fa-instagram"></i></a>
4040
</div>
41-
<a class="margin-right:15px" data-share_network='share' title="Share on share"><i class="fas fa-share-alt"></i></a>
41+
<a class="margin-right:15px" share-network='share' title="Share on share"><i class="fas fa-share-alt"></i></a>
4242
</div>
4343
<a href="https://github.com/CoCreate-app/CoCreate-avatar" target="_blank" class="margin-right:15px"><i class="fab fa-github"></i></a>
4444
</div>
@@ -47,8 +47,8 @@ <h2>CoCreate-avatar</h2>
4747
<div id="xxxxx-section" class="display:flex flex-wrap:wrap">
4848
<div class="flex-grow:1 width:400px width:300px@xs padding:0px_10px margin-top:60px">
4949

50-
<div id="boilerplate-usage" class="margin-top:80px border-bottom:1px_solid_lightgrey" data-scroll data-scroll_intersect="color:dodgerblue" data-scroll_target="#boilerplate-usage-section">
51-
<span class="display:flex align-items:center width:fit-content" data-hover="display:block!important" data-hover_target='[href="#boilerplate-usage"]'>
50+
<div id="boilerplate-usage" class="margin-top:80px border-bottom:1px_solid_lightgrey" scroll scroll-intersect="color:dodgerblue" scroll-target="#boilerplate-usage-section">
51+
<span class="display:flex align-items:center width:fit-content" hover="display:block!important" hover-target='[href="#boilerplate-usage"]'>
5252
<h2 class="padding:5px_0px">Usage</h2>
5353
<a class="margin-left:10px display:none" href="#boilerplate-usage"><i class="fas fa-link"></i></a>
5454
</span>
@@ -76,8 +76,8 @@ <h2 class="padding:5px_0px">Usage</h2>
7676
<p class="padding:10px_0px line-height:1.5">This is xxxxx usage</p>
7777
<p class="padding:10px_0px line-height:1.5">This is xxxxx usage</p>
7878
</div>
79-
<div id="boilerplate-attributes" class="margin-top:80px border-bottom:1px_solid_lightgrey" data-scroll data-scroll_intersect="color:dodgerblue" data-scroll_target="#boilerplate-attributes-section">
80-
<span class="display:flex align-items:center width:fit-content" data-hover="display:block!important" data-hover_target='[href="#boilerplate-attributes"]'>
79+
<div id="boilerplate-attributes" class="margin-top:80px border-bottom:1px_solid_lightgrey" scroll scroll-intersect="color:dodgerblue" scroll-target="#boilerplate-attributes-section">
80+
<span class="display:flex align-items:center width:fit-content" hover="display:block!important" hover-target='[href="#boilerplate-attributes"]'>
8181
<h2 class="padding:5px_0px">Attributes</h2>
8282
<a class="margin-left:10px display:none" href="#boilerplate-attributes"><i class="fas fa-link"></i></a>
8383
</span>
@@ -112,17 +112,17 @@ <h4><span>avatar-label</span></h4>
112112

113113
<div class="flex-grow:1 width:300px padding:0px_10px margin-top:60px border-bottom:1px_solid_lightgrey">
114114
<!-- SandBox -->
115-
<div id="boilerplate-demo" class="border-bottom:1px_solid_lightgrey" data-scroll data-scroll_intersect="color:dodgerblue" data-scroll_target="#boilerplate-demo-section">
116-
<span class="display:flex align-items:center width:fit-content" data-hover="display:block!important" data-hover_target='[href="#boilerplate-demo"]'>
115+
<div id="boilerplate-demo" class="border-bottom:1px_solid_lightgrey" scroll scroll-intersect="color:dodgerblue" scroll-target="#boilerplate-demo-section">
116+
<span class="display:flex align-items:center width:fit-content" hover="display:block!important" hover-target='[href="#boilerplate-demo"]'>
117117
<h2 class="padding:5px_0px">Demo</h2>
118118
<a class="margin-left:10px display:none" href="#boilerplate-demo"><i class="fas fa-link"></i></a>
119119
</span>
120120
</div>
121121
<div class="position:sticky top:0 padding:15px_0px height:100vh">
122122
<div class="container svColumn overflow:hidden card border-radius:2px width:auto height:100%" id="form-sandbox">
123123
<div class="font-size:20px position:absolute top:10px right:10px opacity:0.6 z-index:7">
124-
<a class="margin-right:10px" id="preview" data-show="preview" data-hide="code"><i class="far fa-eye"></i></a>
125-
<a class="margin-right:10px hidden" id="code" data-show="code" data-hide="preview"><i class="fas fa-code"></i></a>
124+
<a class="margin-right:10px" id="preview" show="preview" hide="code"><i class="far fa-eye"></i></a>
125+
<a class="margin-right:10px hidden" id="code" show="code" hide="preview"><i class="fas fa-code"></i></a>
126126
<!--<a class="margin-right:10px"><i class="far fa-window-maximize"></i></a>-->
127127
<a target="modal" href="module_activity_datatable.html" pass-collection="modules" pass-document_id="" pass-fetch_value="" pass-prefix="" pass_to="render" modal-width="600px" modal-height="400px" modal-color="#229954"
128128
modal-header="false" class="margin-right:10px">
@@ -142,7 +142,7 @@ <h2 class="padding:5px_0px">Demo</h2>
142142
<div class="svSplitter svHorizontal"> </div>
143143

144144
<div class="svPanel">
145-
<iframe data-get_value="7" frameBorder="0" height="100%" width="100%" class="min-width:300px"></iframe>
145+
<iframe get-value="7" frameBorder="0" height="100%" width="100%" class="min-width:300px"></iframe>
146146
</div>
147147

148148
</div>

0 commit comments

Comments
 (0)