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-calculations ">
26+ < main class ="padding-top:15px padding:15px@lg@xl " data-main_content_id ="content " id ="cocreate-calculations ">
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-calculations</ h2 >
@@ -40,9 +40,9 @@ <h2>CoCreate-calculations</h2>
4040 < a href ="https://github.com/CoCreate-app/CoCreate-calculations " 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 "> general description: A handy vanilla JavaScript calculator, concatenate multiple elements containing integers & execute calculations. Can be used for creating invoices,making payments & any kind of complex calculation. Easily configured using HTML5 data-attributes and/or JavaScript API.</ p >
43+ < p class ="max-width:500px margin:20px_10px line-height:1.5 "> general description: A handy vanilla JavaScript calculator, concatenate multiple elements containing integers & execute calculations. Can be used for creating invoices,making payments & any kind of complex calculation. Easily configured using HTML5 data-attributes and/or JavaScript API.</ p >
4444 < div id ="calculations-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
4747 < div id ="calculation-install " class ="border-bottom:1px_solid_lightgrey " data-scroll data-scroll_intersect ="color:dodgerblue " data-scroll_target ="#boilerplate-install-section ">
4848 < span class ="display:flex align-items:center width:fit-content " data-hover ="display:block!important " data-hover_target ='[href="#calculation-install"] '>
@@ -52,7 +52,7 @@ <h2 class="padding:5px_0px">Install</h2>
5252 </ div >
5353
5454 < pre > < code class ="language-bash "> npm i @cocreate/calculation</ code > </ pre >
55- < p class ="padding:10px_0px "> Or you can use cdn link:</ p >
55+ < p class ="padding:10px_0px line-height:1.5 "> Or you can use cdn link:</ p >
5656 < pre > < code class ="language-html "> <script>https://cdn.cocreate.app/calculation/latest/CoCreate-calculation.min.js</script></ code > </ pre >
5757
5858 < div id ="calculation-usage " class ="margin-top:80px border-bottom:1px_solid_lightgrey " data-scroll data-scroll_intersect ="color:dodgerblue " data-scroll_target ="#boilerplate-usage-section ">
@@ -62,13 +62,13 @@ <h2 class="padding:5px_0px">Usage</h2>
6262 </ span >
6363 </ div >
6464 < div class ="">
65- < p class ="padding:10px_0px "> This is calculations usage</ p >
65+ < p class ="padding:10px_0px line-height:1.5 "> This is calculations usage</ p >
6666
6767 < div class ="flex-grow:1 min-width:300px width:100% ">
6868 < pre > < code class ="language-html "> <div></div></ code > </ pre >
6969 </ div >
70- < p class ="padding:10px_0px "> This is calculations usage</ p >
71- < p class ="padding:10px_0px "> This is calculations usage</ p >
70+ < p class ="padding:10px_0px line-height:1.5 "> This is calculations usage</ p >
71+ < p class ="padding:10px_0px line-height:1.5 "> This is calculations usage</ p >
7272 </ div >
7373
7474 < div id ="calculation-attributes " class ="margin-top:80px border-bottom:1px_solid_lightgrey " data-scroll data-scroll_intersect ="color:dodgerblue " data-scroll_target ="#boilerplate-attributes-section ">
@@ -89,7 +89,7 @@ <h4><span>data-calculations</span> <span class="cocreate-badge success">string</
8989 </ ul >
9090 </ div >
9191
92- < div class ="flex-grow:1 width:350px padding:0px_10px margin-top:60px border-bottom:1px_solid_lightgrey ">
92+ < div class ="flex-grow:1 width:300px padding:0px_10px margin-top:60px border-bottom:1px_solid_lightgrey ">
9393
9494 <!-- SandBox -->
9595 < div id ="calculation-demo " class ="border-bottom:1px_solid_lightgrey " data-scroll data-scroll_intersect ="color:dodgerblue " data-scroll_target ="#boilerplate-demo-section ">
0 commit comments