1717 </ head >
1818
1919 < body >
20- < navbar 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 " data-collection ="components " data-document_id ="60395ef42b3ac232657040fd " name ="html ">
21- </ navbar >
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 " data-collection ="components " data-document_id ="60395ef42b3ac232657040fd " name ="html ">
21+ </ nav >
2222 < 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 ">
2323 < menu data-collection ="components " data-document_id ="603717b07de7fb350ae9fec8 " name ="html "> </ menu >
2424 < div class ="resizeHandler "> </ div >
2525 </ sidenav >
26- < main class ="padding:15px_15px_0px_15px " data-main_content_id ="content " id ="cocreate-docs ">
26+ < main class ="padding-top:15px padding:15px@lg@xl " data-main_content_id ="content " id ="cocreate-docs ">
2727 < div class ="display:flex flex-wrap:wrap justify-content:space-between position:relative margin:10px ">
2828 < div class ="display:flex align-items:center ">
2929 < h2 > CoCreate-docs</ h2 >
@@ -40,17 +40,17 @@ <h2>CoCreate-docs</h2>
4040 < a href ="https://github.com/CoCreate-app/CoCreate-docs " target ="_blank " class ="margin-right:15px "> < i class ="fab fa-github "> </ i > </ a >
4141 </ div >
4242 </ div >
43- < p class ="max-width:500px margin:20px_10px "> A simple HTML5, CSS and pure javascript component. Easy configuration using data-attributes and highly styleable.</ p >
43+ < p class ="max-width:500px margin:20px_10px line-height:1.5 "> A simple HTML5, CSS and pure javascript component. Easy configuration using data-attributes and highly styleable.</ p >
4444 < div id ="docs-section " class ="display:flex flex-wrap:wrap ">
45- < div class ="flex-grow:1 width:400px padding:0px_10px margin-top:60px ">
45+ < div class ="flex-grow:1 width:400px width:300px@xs padding:0px_10px margin-top:60px ">
4646 < div id ="docs-install " class ="border-bottom:1px_solid_lightgrey " data-scroll data-scroll_intersect ="color:dodgerblue " data-scroll_target ="#boilerplate-install-section ">
4747 < span class ="display:flex align-items:center width:fit-content " data-hover ="display:block!important " data-hover_target ='[href="#docs-install"] '>
4848 < h2 class ="padding:5px_0px "> Install</ h2 >
4949 < a class ="margin-left:10px display:none " href ="#docs-install "> < i class ="fas fa-link "> </ i > </ a >
5050 </ span >
5151 </ div >
5252 < pre > < code class ="language-bash "> npm i @cocreate/docs</ code > </ pre >
53- < p class ="padding:10px_0px "> Or you can use cdn link:</ p >
53+ < p class ="padding:10px_0px line-height:1.5 "> Or you can use cdn link:</ p >
5454 < pre > < code class ="language-html "> <script>https://cdn.cocreate.app/docs/latest/CoCreate-docs.min.js</script></ code > </ pre >
5555
5656 < div id ="docs-usage " class ="margin-top:80px border-bottom:1px_solid_lightgrey " data-scroll data-scroll_intersect ="color:dodgerblue " data-scroll_target ="#boilerplate-usage-section ">
@@ -60,13 +60,13 @@ <h2 class="padding:5px_0px">Usage</h2>
6060 </ span >
6161 </ div >
6262 < div class ="">
63- < p class ="padding:10px_0px "> This is docs usage</ p >
63+ < p class ="padding:10px_0px line-height:1.5 "> This is docs usage</ p >
6464
6565 < div class ="flex-grow:1 min-width:300px width:100% ">
6666 < pre > < code class ="language-html "> <div></div></ code > </ pre >
6767 </ div >
68- < p class ="padding:10px_0px "> This is docs usage</ p >
69- < p class ="padding:10px_0px "> This is docs usage</ p >
68+ < p class ="padding:10px_0px line-height:1.5 "> This is docs usage</ p >
69+ < p class ="padding:10px_0px line-height:1.5 "> This is docs usage</ p >
7070 </ div >
7171 < div id ="docs-attributes " class ="margin-top:80px border-bottom:1px_solid_lightgrey " data-scroll data-scroll_intersect ="color:dodgerblue " data-scroll_target ="#boilerplate-attributes-section ">
7272 < span class ="display:flex align-items:center width:fit-content " data-hover ="display:block!important " data-hover_target ='[href="#docs-attributes"] '>
@@ -86,7 +86,7 @@ <h4><span>data-docs</span> <span class="cocreate-badge success">string</span> <s
8686 </ ul >
8787 </ div >
8888
89- < div class ="flex-grow:1 width:350px padding:0px_10px margin-top:60px border-bottom:1px_solid_lightgrey ">
89+ < div class ="flex-grow:1 width:300px padding:0px_10px margin-top:60px border-bottom:1px_solid_lightgrey ">
9090 <!-- SandBox -->
9191 < div id ="docs-demo " class ="border-bottom:1px_solid_lightgrey " data-scroll data-scroll_intersect ="color:dodgerblue " data-scroll_target ="#boilerplate-demo-section ">
9292 < span class ="display:flex align-items:center width:fit-content " data-hover ="display:block!important " data-hover_target ='[href="#docs-demo"] '>
0 commit comments