@@ -32,13 +32,13 @@ <h2>CoCreate-conditional-logic</h2>
3232 < div class ="display:flex align-items:center font-size:20px position:absolute right:0 padding:5px background:white ">
3333 < 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/conditional-logic.png " hover ="display:block!important " hover-target =".social-networks ">
3434 < div class ="display:none social-networks ">
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 >
35+ < 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 >
36+ < 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 >
37+ < 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 >
3838 </ div >
39- < a class ="margin-right:15px " 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 ="height:20px fill:#505050 " src =" /assets/svg/ share-alt.svg > </ i > </ a >
4040 </ div >
41- < a href ="https://github.com/CoCreate-app/CoCreate-conditional-logic " target ="_blank " class ="margin-right:15px "> < i class ="fab fa- github> </ i > </ a >
41+ < a href ="https://github.com/CoCreate-app/CoCreate-conditional-logic " target ="_blank " class ="margin-right:15px "> < i class ="height:20px fill:#505050 " src =" /assets/svg/ github.svg > </ i > </ a >
4242 </ div >
4343 </ div >
4444 < p class ="max-width:500px margin:20px_10px line-height:1.5 "> Simple JS component show & hide elements conditionally with inputs,checkbox,radio,btn etc.Great for creating tabs, accordions, dynamic forms, etc. Easy Configuration using HTML5 data attributes and/or JavaScript API</ p >
@@ -48,7 +48,7 @@ <h2>CoCreate-conditional-logic</h2>
4848 < div id ="conditional-logic-install " class ="border-bottom:1px_solid_lightgrey " scroll scroll-intersect ="color:dodgerblue " scroll-target ="#conditional-logic-install-section ">
4949 < span class ="display:flex align-items:center width:fit-content " hover ="display:block!important " hover-target ='[href="#conditional-logic-install"] '>
5050 < h2 class ="padding:5px_0px "> Install</ h2 >
51- < a class ="margin-left:10px display:none " href ="#conditional-logic-install "> < i class ="fas fa- link> </ i > </ a >
51+ < a class ="margin-left:10px display:none " href ="#conditional-logic-install "> < i class ="height:20px fill:#505050 " src =" /assets/svg/ link.svg > </ i > </ a >
5252 </ span >
5353 </ div >
5454 < pre > < code class ="language-bash "> npm i @cocreate/conditional-logic</ code > </ pre >
@@ -58,7 +58,7 @@ <h2 class="padding:5px_0px">Install</h2>
5858 < div id ="conditional-logic-usage " class ="margin-top:80px border-bottom:1px_solid_lightgrey " scroll scroll-intersect ="color:dodgerblue " scroll-target ="#conditional-logic-usage-section ">
5959 < span class ="display:flex align-items:center width:fit-content " hover ="display:block!important " hover-target ='[href="#conditional-logic-usage"] '>
6060 < h2 class ="padding:5px_0px "> Usage</ h2 >
61- < a class ="margin-left:10px display:none " href ="#conditional-logic-usage "> < i class ="fas fa- link> </ i > </ a >
61+ < a class ="margin-left:10px display:none " href ="#conditional-logic-usage "> < i class ="height:20px fill:#505050 " src =" /assets/svg/ link.svg > </ i > </ a >
6262 </ span >
6363 </ div >
6464 < div class ="">
@@ -82,7 +82,7 @@ <h2 class="padding:5px_0px">Usage</h2>
8282 < div id ="conditional-logic-attributes " class ="margin-top:80px border-bottom:1px_solid_lightgrey " scroll scroll-intersect ="color:dodgerblue " scroll-target ="#conditional-logic-attributes-section ">
8383 < span class ="display:flex align-items:center width:fit-content " hover ="display:block!important " hover-target ='[href="#conditional-logic-attributes"] '>
8484 < h2 class ="padding:5px_0px "> Attributes</ h2 >
85- < a class ="margin-left:10px display:none " href ="#conditional-logic-attributes "> < i class ="fas fa- link> </ i > </ a >
85+ < a class ="margin-left:10px display:none " href ="#conditional-logic-attributes "> < i class ="height:20px fill:#505050 " src =" /assets/svg/ link.svg > </ i > </ a >
8686 </ span >
8787 </ div >
8888 < ul class ="list-style-type:none ">
@@ -103,7 +103,7 @@ <h4><span>hide</span> <span class="cocreate-badge success">string</span> <span c
103103 < div id ="conditional-logic-demo " class ="border-bottom:1px_solid_lightgrey " scroll scroll-intersect ="color:dodgerblue " scroll-target ="#conditional-logic-demo-section ">
104104 < span class ="display:flex align-items:center width:fit-content " hover ="display:block!important " hover-target ='[href="#conditional-logic-demo"] '>
105105 < h2 class ="padding:5px_0px "> Demo</ h2 >
106- < a class ="margin-left:10px display:none " href ="#conditional-logic-demo "> < i class ="fas fa- link> </ i > </ a >
106+ < a class ="margin-left:10px display:none " href ="#conditional-logic-demo "> < i class ="height:20px fill:#505050 " src =" /assets/svg/ link.svg > </ i > </ a >
107107 </ span >
108108 </ div >
109109 < div class ="position:sticky top:0 padding:15px_0px height:100vh ">
@@ -120,10 +120,10 @@ <h2 class="padding:5px_0px">Demo</h2>
120120 </ div >
121121
122122 < div class ="font-size:20px position:absolute top:10px right:10px opacity:0.6 ">
123- < 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 >
124- < 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 >
125- < a class ="margin-right:10px " id ="code " show ="#code-slash " hide ="#code, #demo-code "> < i class ="fa fa- code> </ i > </ a >
126- < a class ="margin-right:10px " hidden id ="code-slash " show ="#code, #demo-code " hide ="#code-slash "> < i class ="fas fa- code> </ i > </ a >
123+ < 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 >
124+ < 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 >
125+ < 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 >
126+ < 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 >
127127 < a class ="margin-right:5px " fullscreen fullscreen-target ="#playground "> </ a >
128128 </ div >
129129
@@ -134,7 +134,7 @@ <h2 class="padding:5px_0px">Demo</h2>
134134
135135 </ div >
136136 < button href ="https://github.com/CoCreate-app/CoCreate-conditional-logic/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) ">
137- < i class ="fas fa- pencil-alt> </ i >
137+ < i class ="height:20px fill:#505050 " src =" /assets/svg/ pencil-alt.svg > </ i >
138138 </ button >
139139 </ main >
140140
0 commit comments