@@ -34,15 +34,15 @@ <h2>CoCreate-domEditorPanel</h2>
3434 < div class ="display:flex align-items:center transition:0.3s padding-left:10px " share-network ="true " share-text ="A JavaScript component target,update & remove values in element's attributes from an input,select or js api.Configurable using class,style or any custom attribute "
3535 share-title ="CoCreate Attributes " share-height ="600 " share-width ="700 " share-media ="https://cdn.cocreate.app/docs/attributes.png " hover ="display:block!important " hover-target =".social-networks ">
3636 < div class ="display:none social-networks ">
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 >
37+ < a class ="margin-right:15px " share-network ='twitter ' title ="Share on twitter "> < i class ="height:20px fill:#505050 " src =" /assets/svg/ twitter.svg > </ i > </ a >
38+ < a class ="margin-right:15px " share-network ='facebook ' title ="Share on Facebook "> < i class ="height:20px fill:#505050 " src =" /assets/svg/ facebook.svg > </ i > </ a >
39+ < a class ="margin-right:15px " share-network ='instagram ' title ="Share on instagram "> < i class ="height:20px fill:#505050 " src =" /assets/svg/ instagram.svg > </ i > </ a >
4040 </ div >
41- < a class ="margin-right:15px " 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 ="height:20px fill:#505050 " src =" /assets/svg/ share-alt.svg > </ i > </ a >
4242 </ div >
43- < a class ="margin-right:15px " share-network ='share ' title ="Share on share "> < i class ="fas fa- share-alt> </ i > </ a >
43+ < a class ="margin-right:15px " share-network ='share ' title ="Share on share "> < i class ="height:20px fill:#505050 " src =" /assets/svg/ share-alt.svg > </ i > </ a >
4444 </ div >
45- < a href ="https://github.com/CoCreate-app/CoCreate-domEditorPanel " target ="_blank " class ="margin-right:15px "> < i class ="fab fa- github> </ i > </ a >
45+ < a href ="https://github.com/CoCreate-app/CoCreate-domEditorPanel " target ="_blank " class ="margin-right:15px "> < i class ="height:20px fill:#505050 " src =" /assets/svg/ github.svg > </ i > </ a >
4646 </ div >
4747 </ div >
4848 < h1 class ="max-width:500px margin:20px_10px line-height:1.5 font-size:16px font-weight:100 "> Simple HTML5 & JavaScript component operate add, update & remove values in element's attributes from input, select or js api. Easy configuration using class, style or any custom attribute. Highly customizable and styleable.</ h1 >
@@ -52,7 +52,7 @@ <h1 class="max-width:500px margin:20px_10px line-height:1.5 font-size:16px font-
5252 < div id ="attributes-install " class ="border-bottom:1px_solid_lightgrey " scroll scroll-intersect ="color:dodgerblue " scroll-target ="#attributes-install-section ">
5353 < span class ="display:flex align-items:center width:fit-content " hover ="display:block!important " hover-target ='[href="#attributes-install"] '>
5454 < h2 class ="padding:5px_0px "> Install</ h2 >
55- < a class ="margin-left:10px display:none " href ="#attributes-install "> < i class ="fas fa- link> </ i > </ a >
55+ < a class ="margin-left:10px display:none " href ="#attributes-install "> < i class ="height:20px fill:#505050 " src =" /assets/svg/ link.svg > </ i > </ a >
5656 </ span >
5757 </ div >
5858
@@ -63,7 +63,7 @@ <h2 class="padding:5px_0px">Install</h2>
6363 < div id ="attributes-usage " class ="margin-top:80px border-bottom:1px_solid_lightgrey " scroll scroll-intersect ="color:dodgerblue " scroll-target ="#attributes-usage-section ">
6464 < span class ="display:flex align-items:center width:fit-content " hover ="display:block!important " hover-target ='[href="#attributes-usage"] '>
6565 < h2 class ="padding:5px_0px "> Usage</ h2 >
66- < a class ="margin-left:10px display:none " href ="#attributes-usage "> < i class ="fas fa- link> </ i > </ a >
66+ < a class ="margin-left:10px display:none " href ="#attributes-usage "> < i class ="height:20px fill:#505050 " src =" /assets/svg/ link.svg > </ i > </ a >
6767 </ span >
6868 </ div >
6969 < div class ="">
@@ -78,7 +78,7 @@ <h2 class="padding:5px_0px">Usage</h2>
7878 < div id ="attributes-attributes " class ="margin-top:80px border-bottom:1px_solid_lightgrey " scroll scroll-intersect ="color:dodgerblue " scroll-target ="#attributes-attributes-section ">
7979 < span class ="display:flex align-items:center width:fit-content " hover ="display:block!important " hover-target ='[href="#attributes-attributes"] '>
8080 < h2 class ="padding:5px_0px "> Attributes</ h2 >
81- < a class ="margin-left:10px display:none " href ="#attributes-attributes "> < i class ="fas fa- link> </ i > </ a >
81+ < a class ="margin-left:10px display:none " href ="#attributes-attributes "> < i class ="height:20px fill:#505050 " src =" /assets/svg/ link.svg > </ i > </ a >
8282 </ span >
8383 </ div >
8484 < ul class ="list-style-type:none ">
@@ -99,7 +99,7 @@ <h4><span>domEditorPanel</span> <span class="cocreate-badge success">string</spa
9999 < div id ="attributes-demo " class ="border-bottom:1px_solid_lightgrey " scroll scroll-intersect ="color:dodgerblue " scroll-target ="#attributes-demo-section ">
100100 < span class ="display:flex align-items:center width:fit-content " hover ="display:block!important " hover-target ='[href="#attributes-demo"] '>
101101 < h2 class ="padding:5px_0px "> Demo</ h2 >
102- < a class ="margin-left:10px display:none " href ="#attributes-demo "> < i class ="fas fa- link> </ i > </ a >
102+ < a class ="margin-left:10px display:none " href ="#attributes-demo "> < i class ="height:20px fill:#505050 " src =" /assets/svg/ link.svg > </ i > </ a >
103103 </ span >
104104 </ div >
105105
@@ -117,10 +117,10 @@ <h2 class="padding:5px_0px">Demo</h2>
117117 </ div >
118118
119119 < div class ="font-size:20px position:absolute top:10px right:10px opacity:0.6 ">
120- < a class ="margin-right:10px " id ="eye " show ="#eye-slash " hide ="#eye, #demo-preview " toggle ="code-height " toggle-target ="#demo-code "> < i class ="far fa- eye> </ i > </ a >
121- < a class ="margin-right:10px " hidden id ="eye-slash " show ="#eye, #demo-preview " hide ="#eye-slash " toggle ="code-height " toggle-target ="#demo-code "> < i class ="fas fa- eye-slash> </ i > </ a >
122- < a class ="margin-right:10px " id ="code " show ="#code-slash " hide ="#code, #demo-code "> < i class ="fa fa- code> </ i > </ a >
123- < a class ="margin-right:10px " hidden id ="code-slash " show ="#code, #demo-code " hide ="#code-slash "> < i class ="fas fa- code> </ i > </ a >
120+ < a class ="margin-right:10px " id ="eye " show ="#eye-slash " hide ="#eye, #demo-preview " toggle ="code-height " toggle-target ="#demo-code "> < i class ="height:18px fill:#505050 " src =" /assets/svg/ eye.svg > </ i > </ a >
121+ < a class ="margin-right:10px " hidden id ="eye-slash " show ="#eye, #demo-preview " hide ="#eye-slash " toggle ="code-height " toggle-target ="#demo-code "> < i class ="height:20px fill:#505050 " src =" /assets/svg/ eye-slash.svg > </ i > </ a >
122+ < a class ="margin-right:10px " id ="code " show ="#code-slash " hide ="#code, #demo-code "> < i class ="height:20px fill:#505050 " src =" /assets/svg/ code.svg > </ i > </ a >
123+ < a class ="margin-right:10px " hidden id ="code-slash " show ="#code, #demo-code " hide ="#code-slash "> < i class ="display:flex height:18px fill:#505050 " src =" /assets/svg/ code.svg > </ i > </ a >
124124 < a class ="margin-right:5px " fullscreen fullscreen-target ="#playground "> </ a >
125125 </ div >
126126
@@ -132,7 +132,7 @@ <h2 class="padding:5px_0px">Demo</h2>
132132
133133 </ div >
134134 < button href ="https://github.com/CoCreate-app/CoCreate-attributes/tree/master/docs/index.html?message=docs%3A%20describe%20your%20change... " target ="_blank " class ="position:fixed bottom:15px right:15px padding:15px background:dodgerblue color:#fff font-size:1.5rem grow-hover border-radius:50% border-width:0 box-shadow:0px_2px_10px_0px_rgba(0,_0,_0,_0.4) ">
135- < i class ="fas fa- pencil-alt> </ i >
135+ < i class ="height:20px fill:#505050 " src =" /assets/svg/ pencil-alt.svg > </ i >
136136 </ button >
137137 </ main >
138138 < script src ="/apikey.js "> </ script >
0 commit comments