17
17
</ head >
18
18
19
19
< body >
20
- < 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 ">
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 ">
21
21
</ nav >
22
22
< 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 ">
23
23
< menu collection ="components " document_id ="603717b07de7fb350ae9fec8 " name ="html "> </ menu >
29
29
< h2 > CoCreate-conditional-logic</ h2 >
30
30
</ div >
31
31
< 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 " 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 " data- hover ="display: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/conditional-logic.png " hover ="display:block!important " hover-target =".social-networks ">
33
33
< div class ="display:none social-networks ">
34
34
< a class ="margin-right:15px " share-network ='twitter ' title ="Share on twitter "> < i class ="fab fa-twitter "> </ i > </ a >
35
35
< a class ="margin-right:15px " share-network ='facebook ' title ="Share on Facebook "> < i class ="fab fa-facebook "> </ i > </ a >
@@ -44,8 +44,8 @@ <h2>CoCreate-conditional-logic</h2>
44
44
< div id ="conditional-logic-section " class ="display:flex flex-wrap:wrap ">
45
45
< div class ="flex-grow:1 width:400px width:300px@xs padding:0px_10px margin-top:60px ">
46
46
47
- < div id ="conditional-logic-install " class ="border-bottom:1px_solid_lightgrey " data- scroll data-scroll_intersect ="color:dodgerblue " data-scroll_target ="#conditional-logic-install-section ">
48
- < span class ="display:flex align-items:center width:fit-content " data- hover ="display:block!important " data-hover_target ='[href="#conditional-logic-install"] '>
47
+ < div id ="conditional-logic-install " class ="border-bottom:1px_solid_lightgrey " scroll scroll-intersect ="color:dodgerblue " scroll-target ="#conditional-logic-install-section ">
48
+ < span class ="display:flex align-items:center width:fit-content " hover ="display:block!important " hover-target ='[href="#conditional-logic-install"] '>
49
49
< h2 class ="padding:5px_0px "> Install</ h2 >
50
50
< a class ="margin-left:10px display:none " href ="#conditional-logic-install "> < i class ="fas fa-link "> </ i > </ a >
51
51
</ span >
@@ -54,8 +54,8 @@ <h2 class="padding:5px_0px">Install</h2>
54
54
< p class ="padding:10px_0px line-height:1.5 "> Or you can use cdn link:</ p >
55
55
< pre > < code class ="language-html "> <script>https://cdn.cocreate.app/conditional-logic/latest/CoCreate-conditional-logic.min.js</script></ code > </ pre >
56
56
57
- < div id ="conditional-logic-usage " class ="margin-top:80px border-bottom:1px_solid_lightgrey " data- scroll data-scroll_intersect ="color:dodgerblue " data-scroll_target ="#conditional-logic-usage-section ">
58
- < span class ="display:flex align-items:center width:fit-content " data- hover ="display:block!important " data-hover_target ='[href="#conditional-logic-usage"] '>
57
+ < 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 ">
58
+ < span class ="display:flex align-items:center width:fit-content " hover ="display:block!important " hover-target ='[href="#conditional-logic-usage"] '>
59
59
< h2 class ="padding:5px_0px "> Usage</ h2 >
60
60
< a class ="margin-left:10px display:none " href ="#conditional-logic-usage "> < i class ="fas fa-link "> </ i > </ a >
61
61
</ span >
@@ -78,8 +78,8 @@ <h2 class="padding:5px_0px">Usage</h2>
78
78
< p class ="padding:10px_0px line-height:1.5 "> This is conditional-logic usage</ p >
79
79
</ div >
80
80
81
- < div id ="conditional-logic-attributes " class ="margin-top:80px border-bottom:1px_solid_lightgrey " data- scroll data-scroll_intersect ="color:dodgerblue " data-scroll_target ="#conditional-logic-attributes-section ">
82
- < span class ="display:flex align-items:center width:fit-content " data- hover ="display:block!important " data-hover_target ='[href="#conditional-logic-attributes"] '>
81
+ < 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 ">
82
+ < span class ="display:flex align-items:center width:fit-content " hover ="display:block!important " hover-target ='[href="#conditional-logic-attributes"] '>
83
83
< h2 class ="padding:5px_0px "> Attributes</ h2 >
84
84
< a class ="margin-left:10px display:none " href ="#conditional-logic-attributes "> < i class ="fas fa-link "> </ i > </ a >
85
85
</ span >
@@ -99,8 +99,8 @@ <h4><span>hide</span> <span class="cocreate-badge success">string</span> <span c
99
99
< div class ="flex-grow:1 width:300px padding:0px_10px margin-top:60px border-bottom:1px_solid_lightgrey ">
100
100
101
101
<!-- SandBox -->
102
- < div id ="conditional-logic-demo " class ="border-bottom:1px_solid_lightgrey " data- scroll data-scroll_intersect ="color:dodgerblue " data-scroll_target ="#conditional-logic-demo-section ">
103
- < span class ="display:flex align-items:center width:fit-content " data- hover ="display:block!important " data-hover_target ='[href="#conditional-logic-demo"] '>
102
+ < div id ="conditional-logic-demo " class ="border-bottom:1px_solid_lightgrey " scroll scroll-intersect ="color:dodgerblue " scroll-target ="#conditional-logic-demo-section ">
103
+ < span class ="display:flex align-items:center width:fit-content " hover ="display:block!important " hover-target ='[href="#conditional-logic-demo"] '>
104
104
< h2 class ="padding:5px_0px "> Demo</ h2 >
105
105
< a class ="margin-left:10px display:none " href ="#conditional-logic-demo "> < i class ="fas fa-link "> </ i > </ a >
106
106
</ span >
0 commit comments