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 >
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 "> <script>https://cdn.cocreate.app/utils/latest/CoCreate-utils.min.js</script></ 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 "> <div></div></ 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 "> <div></div></ 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