99 < meta name ="description " content ="A simple HTML5 and pure javascript component. Easy configuration using data-attributes and highly styleable. " />
1010 < meta name ="keywords " content ="helper classes, utility classes, css framework, css library, inline style classes " />
1111 < meta name ="robots " content ="index,follow " />
12+ < meta property ="og:image " content ="https://cdn.cocreate.app/docs/boilerplate.png ">
1213
1314 <!-- CoCreate CSS -->
1415 < link rel ="stylesheet " href ="https://cdn.cocreate.app/latest/CoCreate.min.css " type ="text/css "/>
2122 < div class ="display:flex align-items:center ">
2223 < h2 > CoCreate-utils</ h2 >
2324 </ div >
24- < 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 ">
25+ < div class ="display:flex align-items:center font-size:20px " 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 ">
2526 < a href ="https://github.com/CoCreate-app/CoCreate-utils " target ="_blank " class ="margin-right:15px "> < i class ="fab fa-github "> </ i > </ a >
2627 < a class ="margin-right:15px " data-share_network ='twitter ' title ="Share on twitter "> < i class ="fab fa-twitter "> </ i > </ a >
2728 < a class ="margin-right:15px " data-share_network ='facebook ' title ="Share on Facebook "> < i class ="fab fa-facebook "> </ i > </ a >
@@ -33,7 +34,7 @@ <h2>CoCreate-utils</h2>
3334 < div id ="utils-section " class ="display:flex flex-wrap:wrap ">
3435 < div class ="flex-grow:1 width:300px padding:20px_10px ">
3536 < div id ="utils-install " class ="border-bottom:1px_solid_lightgrey ">
36- < span class ="display:flex align-items:center " data-hover ="display:block!important " data-hover_target ='[href="#utils-install"] '>
37+ < span class ="display:flex align-items:center width:fit-content " data-hover ="display:block!important " data-hover_target ='[href="#utils-install"] '>
3738 < h2 class ="padding:5px_0px "> Install</ h2 >
3839 < a class ="margin-left:10px display:none " href ="#utils-install "> < i class ="fas fa-link "> </ i > </ a >
3940 </ span >
@@ -43,7 +44,7 @@ <h2 class="padding:5px_0px">Install</h2>
4344 < pre > < code class ="language-html "> <script>https://cdn.cocreate.app/utils/latest/CoCreate-utils.min.js</script></ code > </ pre >
4445
4546 < div id ="utils-usage " 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="#utils-usage"] '>
47+ < span class ="display:flex align-items:center width:fit-content " data-hover ="display:block!important " data-hover_target ='[href="#utils-usage"] '>
4748 < h2 class ="padding:5px_0px "> Usage</ h2 >
4849 < a class ="margin-left:10px display:none " href ="#utils-usage "> < i class ="fas fa-link "> </ i > </ a >
4950 </ span >
@@ -52,7 +53,7 @@ <h2 class="padding:5px_0px">Usage</h2>
5253 < pre > < code class ="language-html "> <div></div></ code > </ pre >
5354
5455 < div id ="utils-reference " class ="margin-top:80px border-bottom:1px_solid_lightgrey ">
55- < span class ="display:flex align-items:center " data-hover ="display:block!important " data-hover_target ='[href="#utils-reference"] '>
56+ < span class ="display:flex align-items:center width:fit-content " data-hover ="display:block!important " data-hover_target ='[href="#utils-reference"] '>
5657 < h2 class ="padding:5px_0px "> Reference</ h2 >
5758 < a class ="margin-left:10px display:none " href ="#utils-reference "> < i class ="fas fa-link "> </ i > </ a >
5859 </ span >
@@ -62,7 +63,7 @@ <h2 class="padding:5px_0px">Reference</h2>
6263 < p class ="padding:10px_0px "> This is utils reference content</ p >
6364
6465 < div id ="utils-attributes " class ="margin-top:80px border-bottom:1px_solid_lightgrey ">
65- < span class ="display:flex align-items:center " data-hover ="display:block!important " data-hover_target ='[href="#utils-attributes"] '>
66+ < span class ="display:flex align-items:center width:fit-content " data-hover ="display:block!important " data-hover_target ='[href="#utils-attributes"] '>
6667 < h2 class ="padding:5px_0px "> Attributes</ h2 >
6768 < a class ="margin-left:10px display:none " href ="#utils-attributes "> < i class ="fas fa-link "> </ i > </ a >
6869 </ span >
@@ -82,7 +83,7 @@ <h4><span>data-utils</span> <span class="cocreate-badge success">string</span> <
8283 < div class ="flex-grow:1 width:300px padding:0px_10px margin:20px_0px border-bottom:1px_solid_lightgrey ">
8384 <!-- SandBox -->
8485 < div id ="utils-demo " class ="border-bottom:1px_solid_lightgrey ">
85- < span class ="display:flex align-items:center " data-hover ="display:block!important " data-hover_target ='[href="#utils-demo"] '>
86+ < span class ="display:flex align-items:center width:fit-content " data-hover ="display:block!important " data-hover_target ='[href="#utils-demo"] '>
8687 < h2 class ="padding:5px_0px "> Demo</ h2 >
8788 < a class ="margin-left:10px display:none " href ="#utils-demo "> < i class ="fas fa-link "> </ i > </ a >
8889 </ span >
@@ -106,7 +107,7 @@ <h2 class="padding:5px_0px">Demo</h2>
106107 class ="margin-right:10px ">
107108 < i class ="fas fa-external-link-alt "> </ i >
108109 </ a >
109- < a class ="fs-toggle margin-right:5px " data-fullscreen target ="#sandbox "> < i class ="fas fa-expand "> </ i > </ a >
110+ < a class ="margin-right:5px " data-fullscreen data-fullscreen target ="#sandbox "> < i class ="fas fa-expand "> </ i > </ a >
110111 </ div >
111112
112113 < div class ="svRow ">
@@ -140,8 +141,7 @@ <h2 class="padding:5px_0px">Demo</h2>
140141 < script >
141142 var config = {
142143 apiKey : 'c2b08663-06e3-440c-ef6f-13978b42883a' ,
143- securityKey : 'f26baf68-e3a9-45fc-effe-502e47116265' ,
144- organization_Id : '5de0387b12e200ea63204d6c'
144+ organization_Id : '5de0387b12e200ea63204d6c'
145145 }
146146 </ script >
147147
0 commit comments