1717 </ head >
1818
1919 < body >
20- < nav class ="nav display:flex align-items:center background:whitesmoke padding-top:10px padding-bottom:10px " data-main_content_id ="content " data- scrollsticky-nav,hide-nav " data-scroll_up ="10 " data-scroll_down ="10 " collection ="components " document_id ="60395ef42b3ac232657040fd " name ="html ">
20+ < 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 ">
2121 </ nav >
2222 < 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 ">
2323 < menu collection ="components " document_id ="603717b07de7fb350ae9fec8 " name ="html "> </ menu >
2929 < h2 > CoCreate-docs</ h2 >
3030 </ div >
3131 < div class ="display:flex align-items:center font-size:20px position:absolute right:0 padding:5px background:white ">
32- < 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/docs.png " data- hoverdisplay:block!important " data-hover_target =".social-networks ">
32+ < 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/docs.png " hover ="display:block!important " hover-target =".social-networks ">
3333 < div class ="display:none social-networks ">
34- < a class ="margin-right:15px " data-share_network ='twitter ' title ="Share on twitter "> < i class ="fab fa-twitter "> </ i > </ a >
35- < a class ="margin-right:15px " data-share_network ='facebook ' title ="Share on Facebook "> < i class ="fab fa-facebook "> </ i > </ a >
36- < a class ="margin-right:15px " data-share_network ='instagram ' title ="Share on instagram "> < i class ="fab fa-instagram "> </ i > </ a >
34+ < a class ="margin-right:15px " share-network ='twitter ' title ="Share on twitter "> < i class ="fab fa-twitter "> </ i > </ a >
35+ < a class ="margin-right:15px " share-network ='facebook ' title ="Share on Facebook "> < i class ="fab fa-facebook "> </ i > </ a >
36+ < a class ="margin-right:15px " share-network ='instagram ' title ="Share on instagram "> < i class ="fab fa-instagram "> </ i > </ a >
3737 </ div >
38- < a class ="margin-right:15px " data-share_network ='share ' title ="Share on share "> < i class ="fas fa-share-alt "> </ i > </ a >
38+ < a class ="margin-right:15px " share-network ='share ' title ="Share on share "> < i class ="fas fa-share-alt "> </ i > </ a >
3939 </ div >
4040 < a href ="https://github.com/CoCreate-app/CoCreate-docs " target ="_blank " class ="margin-right:15px "> < i class ="fab fa-github "> </ i > </ a >
4141 </ div >
4242 </ div >
4343 < 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 >
4444 < div id ="docs-section " class ="display:flex flex-wrap:wrap ">
4545 < div class ="flex-grow:1 width:400px width:300px@xs padding:0px_10px margin-top:60px ">
46- < div id ="docs-install " class ="border-bottom:1px_solid_lightgrey " data- scrolldata-scroll_intersect ="color:dodgerblue " data-scroll_target ="#docs-install-section ">
47- < span class ="display:flex align-items:center width:fit-content " data- hoverdisplay:block!important " data-hover_target ='[href="#docs-install"] '>
46+ < div id ="docs-install " class ="border-bottom:1px_solid_lightgrey " scroll scroll-intersect ="color:dodgerblue " scroll-target ="#docs-install-section ">
47+ < span class ="display:flex align-items:center width:fit-content " hover ="display:block!important " hover-target ='[href="#docs-install"] '>
4848 < h2 class ="padding:5px_0px "> Install</ h2 >
4949 < a class ="margin-left:10px display:none " href ="#docs-install "> < i class ="fas fa-link "> </ i > </ a >
5050 </ span >
@@ -53,8 +53,8 @@ <h2 class="padding:5px_0px">Install</h2>
5353 < p class ="padding:10px_0px line-height:1.5 "> Or you can use cdn link:</ p >
5454 < pre > < code class ="language-html "> <script>https://cdn.cocreate.app/docs/latest/CoCreate-docs.min.js</script></ code > </ pre >
5555
56- < div id ="docs-usage " class ="margin-top:80px border-bottom:1px_solid_lightgrey " data- scrolldata-scroll_intersect ="color:dodgerblue " data-scroll_target ="#docs-usage-section ">
57- < span class ="display:flex align-items:center width:fit-content " data- hoverdisplay:block!important " data-hover_target ='[href="#docs-usage"] '>
56+ < div id ="docs-usage " class ="margin-top:80px border-bottom:1px_solid_lightgrey " scroll scroll-intersect ="color:dodgerblue " scroll-target ="#docs-usage-section ">
57+ < span class ="display:flex align-items:center width:fit-content " hover ="display:block!important " hover-target ='[href="#docs-usage"] '>
5858 < h2 class ="padding:5px_0px "> Usage</ h2 >
5959 < a class ="margin-left:10px display:none " href ="#docs-usage "> < i class ="fas fa-link "> </ i > </ a >
6060 </ span >
@@ -68,8 +68,8 @@ <h2 class="padding:5px_0px">Usage</h2>
6868 < p class ="padding:10px_0px line-height:1.5 "> This is docs usage</ p >
6969 < p class ="padding:10px_0px line-height:1.5 "> This is docs usage</ p >
7070 </ div >
71- < div id ="docs-attributes " class ="margin-top:80px border-bottom:1px_solid_lightgrey " data- scrolldata-scroll_intersect ="color:dodgerblue " data-scroll_target ="#docs-attributes-section ">
72- < span class ="display:flex align-items:center width:fit-content " data- hoverdisplay:block!important " data-hover_target ='[href="#docs-attributes"] '>
71+ < div id ="docs-attributes " class ="margin-top:80px border-bottom:1px_solid_lightgrey " scroll scroll-intersect ="color:dodgerblue " scroll-target ="#docs-attributes-section ">
72+ < span class ="display:flex align-items:center width:fit-content " hover ="display:block!important " hover-target ='[href="#docs-attributes"] '>
7373 < h2 class ="padding:5px_0px "> Attributes</ h2 >
7474 < a class ="margin-left:10px display:none " href ="#docs-attributes "> < i class ="fas fa-link "> </ i > </ a >
7575 </ span >
@@ -88,17 +88,17 @@ <h4><span>data-docs</span> <span class="cocreate-badge success">string</span> <s
8888
8989 < div class ="flex-grow:1 width:300px padding:0px_10px margin-top:60px border-bottom:1px_solid_lightgrey ">
9090 <!-- SandBox -->
91- < div id ="docs-demo " class ="border-bottom:1px_solid_lightgrey " data- scrolldata-scroll_intersect ="color:dodgerblue " data-scroll_target ="#docs-demo-section ">
92- < span class ="display:flex align-items:center width:fit-content " data- hoverdisplay:block!important " data-hover_target ='[href="#docs-demo"] '>
91+ < div id ="docs-demo " class ="border-bottom:1px_solid_lightgrey " scroll scroll-intersect ="color:dodgerblue " scroll-target ="#docs-demo-section ">
92+ < span class ="display:flex align-items:center width:fit-content " hover ="display:block!important " hover-target ='[href="#docs-demo"] '>
9393 < h2 class ="padding:5px_0px "> Demo</ h2 >
9494 < a class ="margin-left:10px display:none " href ="#docs-demo "> < i class ="fas fa-link "> </ i > </ a >
9595 </ span >
9696 </ div >
9797 < div class ="position:sticky top:0 padding:15px_0px height:100vh ">
9898 < div class ="container svColumn overflow:hidden card border-radius:2px width:auto height:100% " id ="form-sandbox ">
9999 < div class ="font-size:20px position:absolute top:10px right:10px opacity:0.6 z-index:7 ">
100- < a class ="margin-right:10px " id ="preview " data- showpreview " data- hidecode "> < i class ="far fa-eye "> </ i > </ a >
101- < a class ="margin-right:10px hidden " id ="code " data- showcode " data- hidepreview "> < i class ="fas fa-code "> </ i > </ a >
100+ < a class ="margin-right:10px " id ="preview " show ="preview " hide ="code "> < i class ="far fa-eye "> </ i > </ a >
101+ < a class ="margin-right:10px hidden " id ="code " show ="code " hide ="preview "> < i class ="fas fa-code "> </ i > </ a >
102102 <!--<a class="margin-right:10px"><i class="far fa-window-maximize"></i></a>-->
103103 < a target ="modal " href ="module_activity_datatable.html "
104104 pass-collection ="modules "
@@ -132,7 +132,7 @@ <h2 class="padding:5px_0px">Demo</h2>
132132 < div class ="svSplitter svHorizontal "> </ div >
133133
134134 < div class ="svPanel ">
135- < iframe data-get_value ="7 " frameBorder ="0 " height ="100% " width ="100% " class ="min-width:300px "> </ iframe >
135+ < iframe get-value ="7 " frameBorder ="0 " height ="100% " width ="100% " class ="min-width:300px "> </ iframe >
136136 </ div >
137137
138138 </ div >
0 commit comments