16
16
</ head >
17
17
18
18
< body >
19
- < 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 ">
20
- </ navbar >
19
+ < 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 ">
20
+ </ nav >
21
21
< 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 ">
22
22
< menu data-collection ="components " data-document_id ="603717b07de7fb350ae9fec8 " name ="html "> </ menu >
23
23
< div class ="resizeHandler "> </ div >
24
24
</ sidenav >
25
- < main class ="padding:15px_15px_0px_15px " data-main_content_id ="content " id ="cocreate-avatar ">
25
+ < main class ="padding-top:15px padding:15px@lg@xl " data-main_content_id ="content " id ="cocreate-avatar ">
26
26
< div class ="display:flex flex-wrap:wrap justify-content:space-between position:relative margin:10px ">
27
27
< div class ="display:flex align-items:center ">
28
28
< h2 > CoCreate-avatar</ h2 >
@@ -39,9 +39,9 @@ <h2>CoCreate-avatar</h2>
39
39
< a href ="https://github.com/CoCreate-app/CoCreate-avatar " target ="_blank " class ="margin-right:15px "> < i class ="fab fa-github "> </ i > </ a >
40
40
</ div >
41
41
</ div >
42
- < 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 >
42
+ < 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 >
43
43
< div id ="xxxxx-section " class ="display:flex flex-wrap:wrap ">
44
- < div class ="flex-grow:1 width:400px padding:0px_10px margin-top:60px ">
44
+ < div class ="flex-grow:1 width:400px width:300px@xs padding:0px_10px margin-top:60px ">
45
45
46
46
< div id ="boilerplate-usage " class ="margin-top:80px border-bottom:1px_solid_lightgrey " data-scroll data-scroll_intersect ="color:dodgerblue " data-scroll_target ="#boilerplate-usage-section ">
47
47
< span class ="display:flex align-items:center width:fit-content " data-hover ="display:block!important " data-hover_target ='[href="#boilerplate-usage"] '>
@@ -51,7 +51,7 @@ <h2 class="padding:5px_0px">Usage</h2>
51
51
</ div >
52
52
53
53
< div class ="">
54
- < p class ="padding:10px_0px "> This is xxxxx usage</ p >
54
+ < p class ="padding:10px_0px line-height:1.5 "> This is xxxxx usage</ p >
55
55
56
56
< div class ="flex-grow:1 min-width:300px width:100% ">
57
57
< pre >
@@ -69,8 +69,8 @@ <h2 class="padding:5px_0px">Usage</h2>
69
69
</ code >
70
70
</ pre >
71
71
</ div >
72
- < p class ="padding:10px_0px "> This is xxxxx usage</ p >
73
- < p class ="padding:10px_0px "> This is xxxxx usage</ p >
72
+ < p class ="padding:10px_0px line-height:1.5 "> This is xxxxx usage</ p >
73
+ < p class ="padding:10px_0px line-height:1.5 "> This is xxxxx usage</ p >
74
74
</ div >
75
75
< div id ="boilerplate-attributes " class ="margin-top:80px border-bottom:1px_solid_lightgrey " data-scroll data-scroll_intersect ="color:dodgerblue " data-scroll_target ="#boilerplate-attributes-section ">
76
76
< span class ="display:flex align-items:center width:fit-content " data-hover ="display:block!important " data-hover_target ='[href="#boilerplate-attributes"] '>
@@ -106,7 +106,7 @@ <h4><span>avatar-label</span></h4>
106
106
</ ul >
107
107
</ div >
108
108
109
- < div class ="flex-grow:1 width:350px padding:0px_10px margin-top:60px border-bottom:1px_solid_lightgrey ">
109
+ < div class ="flex-grow:1 width:300px padding:0px_10px margin-top:60px border-bottom:1px_solid_lightgrey ">
110
110
<!-- SandBox -->
111
111
< div id ="boilerplate-demo " class ="border-bottom:1px_solid_lightgrey " data-scroll data-scroll_intersect ="color:dodgerblue " data-scroll_target ="#boilerplate-demo-section ">
112
112
< span class ="display:flex align-items:center width:fit-content " data-hover ="display:block!important " data-hover_target ='[href="#boilerplate-demo"] '>
0 commit comments