From e2c8b8fef1ef537b7d7d3edbb780e9c94904f62b Mon Sep 17 00:00:00 2001 From: Sam Winslet Date: Fri, 20 Oct 2017 19:27:40 +0100 Subject: [PATCH] Docs api reference first iteration of styling (#2433) * nunjucks changes, typographic changes Signed-off-by: samwinslet * updates to table styling on docs site Signed-off-by: samwinslet --- .../apigen-opus/_template/class.njk | 20 ++++---- .../jekylldocs/assets/css/grid-layout.min.css | 2 +- .../jekylldocs/assets/css/grid-layout.scss | 50 +++++++++++++++++++ 3 files changed, 62 insertions(+), 10 deletions(-) diff --git a/packages/composer-website/apigen-opus/_template/class.njk b/packages/composer-website/apigen-opus/_template/class.njk index 6cd3473fb1..391ab35bb3 100644 --- a/packages/composer-website/apigen-opus/_template/class.njk +++ b/packages/composer-website/apigen-opus/_template/class.njk @@ -3,7 +3,7 @@ layout: default title: {{name}} ({{module | capitalize }} API) section: api sidebar: sidebars/accordion-toc0.md -excerpt: The Client, Admin, and Runtime components of Hyperledger Composer . +excerpt: The Client, Admin, and Runtime components of Hyperledger Composer index-order: {{index}} --- # {{name}} @@ -14,23 +14,25 @@ index-order: {{index}} - **Extends** {{extends}} - **Module** {{module}} -### See also {% for sa in seeAlso -%} +### See also - {{sa}} +{% else %} + {% endfor %} ## Method Summary -| Returns | Name | Description | -| :-------- | :---- | :----------- | -{% for method in methods | sort(attribute='name') %}| `{{method.returnType}}` | [{{method.name}}](#{{method.name | lower }}{% for args in method.methodArgs %}-{{args | lower }}{% endfor %}) | {{method.description[0]}} | +| Name | Returns | Description | +| :---- | :-------- | :----------- | +{% for method in methods | sort(attribute='name') %}| [{{method.name}}](#{{method.name | lower }}{% for args in method.methodArgs %}-{{args | lower }}{% endfor %}) | `{{method.returnType}}` | {{method.description[0]}} | {% endfor %} -## Method Details +# Method Details {% for method in methods %} {% if method.name == 'constructor'%} -## new {{name}}() +## new {{name}}() {% else %} -## {{method.name}}({% for args in method.methodArgs %}{{args | lower }}{% if not loop.last %},{% endif %}{% endfor %}) +## {{method.name}}({% for args in method.methodArgs %}{{args | lower }}{% if not loop.last %},{% endif %}{% endfor %}) {% endif %} @@ -67,4 +69,4 @@ index-order: {{index}} No parameters {% endif %} -{% endfor %} +{% endfor %} diff --git a/packages/composer-website/jekylldocs/assets/css/grid-layout.min.css b/packages/composer-website/jekylldocs/assets/css/grid-layout.min.css index 38a03f3e05..c3ce7e3e25 100644 --- a/packages/composer-website/jekylldocs/assets/css/grid-layout.min.css +++ b/packages/composer-website/jekylldocs/assets/css/grid-layout.min.css @@ -1 +1 @@ -.docs-container{display:grid;grid-template-columns:20% 20% 20% 20% 20%;grid-template-rows:20% 20% 20% 20% 20%}.docs-container hr{display:none}.docs-container .page-sidebar-grid{grid-column-start:1;grid-column-end:2;justify-items:start;overflow-y:scroll;height:100vh;-ms-overflow-style:none}.docs-container .page-sidebar-grid::-webkit-scrollbar{display:none}.docs-container .page-sidebar-grid .docs-pagenav-grid{padding-top:5vh}.docs-container .page-sidebar-grid .docs-pagenav-grid .navbar-brand{padding-left:2rem;text-decoration:none;color:#19273C;font-size:1rem;display:inline-block}.docs-container .page-sidebar-grid .docs-pagenav-grid .top-nav-docs{padding-left:2rem;padding-top:0.5rem}.docs-container .page-sidebar-grid .docs-pagenav-grid .top-nav-docs a{text-decoration:none;color:#8C9696;font-size:0.9rem;padding-right:1rem}.docs-container .page-sidebar-grid .docs-pagenav-grid .top-nav-docs a:hover{color:#3F55AF}.docs-container .page-sidebar-grid .docs-pagenav-grid ul{list-style:none;padding-left:2rem}.docs-container .page-sidebar-grid .docs-pagenav-grid ul li a{font-size:0.9rem;text-decoration:none;color:#19273C}.docs-container .page-sidebar-grid .docs-current-page-grid p{font-weight:300;font-size:1.5rem;padding:2rem;display:block}.docs-container .page-sidebar-grid .context-nav ul{padding-left:0;margin:0}.docs-container .page-sidebar-grid .context-nav ul li{list-style:none;border-bottom:1px solid #E3ECEC;position:relative;overflow:hidden;transition:0.4s}.docs-container .page-sidebar-grid .context-nav ul li.hide{height:4rem !important}.docs-container .page-sidebar-grid .context-nav ul li:hover{border-right:0px solid #3F55AF}.docs-container .page-sidebar-grid .context-nav ul li:hover:after{content:" ";position:absolute;top:0;right:0px;bottom:0;width:2px;background-color:#3F55AF}.docs-container .page-sidebar-grid .context-nav ul li.active{height:auto !important;border-left-color:#3F55AF}.docs-container .page-sidebar-grid .context-nav ul li.active:after{content:" ";position:absolute;top:0;right:0px;bottom:0;width:2px;background-color:#3F55AF}.docs-container .page-sidebar-grid .context-nav ul li a{padding-left:2rem;padding-right:1rem;display:block;padding-top:0.5rem;padding-bottom:0.5rem}.docs-container .page-sidebar-grid .context-nav ul li a.active{color:#3F55AF}.docs-container .page-sidebar-grid .context-nav ul li ul{list-style:none;padding-left:0;margin:0;margin-left:2rem;margin-top:1rem;padding-bottom:2rem}.docs-container .page-sidebar-grid .context-nav ul li ul:hover:after{content:" ";position:absolute;top:0;right:0px;bottom:0;width:2px;background-color:#3F55AF}.docs-container .page-sidebar-grid .context-nav ul li ul li{border-bottom:none;border-left:2px solid #E3ECEC}.docs-container .page-sidebar-grid .context-nav ul li ul li:hover{border-left:2px solid #3F55AF;border-right:none}.docs-container .page-sidebar-grid .context-nav a{text-decoration:none;color:#19273C;font-size:0.9rem}.docs-container .page-sidebar-grid .context-nav .docs-footer-grid{margin-top:5rem;margin-bottom:2rem;align-items:end}.docs-container .page-sidebar-grid .context-nav .docs-footer-grid p{font-size:0.8rem;color:grey;padding-left:2rem}.docs-container .page-sidebar-grid .context-nav .docs-footer-grid ul{list-style:none;margin:0}.docs-container .page-sidebar-grid .context-nav .docs-footer-grid ul li{border-bottom:none;padding:0}.docs-container .page-sidebar-grid .context-nav .docs-footer-grid ul li:hover{border-right:none}.docs-container .page-sidebar-grid .context-nav .docs-footer-grid ul li a{font-size:0.8rem;color:grey;margin:0;padding-left:2rem;padding-top:0;padding-bottom:0}.docs-container .page-sidebar-grid .context-nav .docs-footer-grid ul li a:hover{color:#3F55AF}.docs-container .page-content-grid{grid-column-start:2;grid-column-end:6;background-color:#F9F9F9;overflow-y:scroll;height:100vh}.docs-container .page-content-grid .content-chunk{margin-left:2rem;max-width:750px;margin-top:5vh;margin-bottom:3rem}.docs-container .page-content-grid .content-chunk ul{font-size:0.9rem}.SiteWrapper .content .page-content-grid .content-chunk p{margin-top:1.3rem}.SiteWrapper .content .page-content-grid .content-chunk p code{background-color:white;border:1px solid #E3ECEC;padding-top:1px;padding-bottom:2px;padding-left:4px;color:#19273C;border-radius:1px}.SiteWrapper .content .page-content-grid .content-chunk h1{font-weight:300;font-size:2em;margin-bottom:3rem;padding-top:5rem}.SiteWrapper .content .page-content-grid .content-chunk h1:first-of-type{padding-top:0}.SiteWrapper .content .page-content-grid .content-chunk h2{margin-top:2rem}.SiteWrapper .content .page-content-grid .content-chunk h3{font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:300;font-size:1.2rem;line-height:130%;color:#19273C;margin-top:2rem}.SiteWrapper .content .page-content-grid .content-chunk blockquote{background-color:white;padding:1rem;padding-left:2rem;margin-left:0;margin-right:0;border-left:4px solid #3F55AF}.SiteWrapper .content .page-content-grid .content-chunk pre{background-color:#272B36;padding:1rem;color:white;border-radius:4px;padding-right:4rem}.SiteWrapper .content .page-content-grid .content-chunk pre code{padding-right:35px}.SiteWrapper .content .page-content-grid .content-chunk code{border-radius:2px;padding-right:5px;padding-top:1px;padding-bottom:1px;font-family:"Source Code Pro";font-size:0.8rem}.SiteWrapper .content .page-content-grid .content-chunk img{max-width:100%;border:1px solid #E3ECEC}.SiteWrapper .content .page-content-grid .content-chunk ul{list-style:none;padding-left:2em;text-indent:-1em;color:#19273C}.SiteWrapper .content .page-content-grid .content-chunk ul li:before{color:#19273C;content:'- \0000a0';font-size:1rem;font-weight:600}.SiteWrapper .content .page-content-grid .content-chunk ul li{padding-bottom:0.5rem}.SiteWrapper .content .page-content-grid .content-chunk ul li p{display:inline}.SiteWrapper .content .page-content-grid .content-chunk ol{border-left:1px solid #E3ECEC;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:0.9rem;color:#19273C}.SiteWrapper .content .page-content-grid .content-chunk ol li{margin-top:1.3rem}.SiteWrapper .content .page-content-grid .content-chunk a{color:#3F55AF}.SiteWrapper .content .page-content-grid .content-chunk .support-button{position:relative;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;user-select:none;background-image:none;border:1px solid transparent;border-radius:5px;margin:0;box-shadow:none;line-height:40px;cursor:pointer;background-color:#FDFDFD;width:auto;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:0.9rem;font-weight:400;transition:0.4s cubic-bezier(0.075, 0.82, 0.165, 1);min-width:140px;text-decoration:none;padding:0.5rem;padding-left:1.5rem;padding-right:1.5rem}.SiteWrapper .content .page-content-grid .content-chunk .support-button.primary{background-color:#3F55AF;border-color:#3F55AF;color:#FDFDFD}.SiteWrapper .content .page-content-grid .content-chunk .support-button.primary:hover{background-color:#2D3D7D}@media only screen and (max-width: 1440px){.docs-container{grid-template-columns:25% 25% 25% 25%}}@media only screen and (max-width: 1024px){.docs-container{grid-template-columns:20% 20% 20% 20% 20%}.docs-container .page-sidebar-grid{grid-column-start:1;grid-column-end:3}.docs-container .page-content-grid{grid-column-start:3;grid-column-end:6}.docs-container .page-content-grid .content-chunk{margin-left:2rem;max-width:550px}}@media only screen and (max-width: 768px){.docs-container .page-content-grid .content-chunk{max-width:400px}}@media only screen and (max-width: 599px){.docs-container .page-sidebar-grid{grid-column-start:1;grid-column-end:6;overflow-y:auto}.docs-container .page-content-grid{grid-column-start:1;grid-column-end:6;padding-right:2rem;overflow-y:auto}.docs-container .page-content-grid .content-chunk{max-width:400px}}.highlight{border-radius:4px;position:relative}.highlight .hll{background-color:#424242}.highlight .c{color:#969896}.highlight .err{color:#d54e53}.highlight .k{color:#c397d8}.highlight .l{color:#e78c45}.highlight .n{color:#eaeaea}.highlight .o{color:#70c0b1}.highlight .p{color:#eaeaea}.highlight .cm{color:#969896}.highlight .cp{color:#969896}.highlight .c1{color:#969896}.highlight .cs{color:#969896}.highlight .gd{color:#d54e53}.highlight .ge{font-style:italic}.highlight .gh{color:#eaeaea;font-weight:bold}.highlight .gi{color:#b9ca4a}.highlight .gp{color:#969896;font-weight:bold}.highlight .gs{font-weight:bold}.highlight .gu{color:#70c0b1;font-weight:bold}.highlight .kc{color:#c397d8}.highlight .kd{color:#c397d8}.highlight .kn{color:#70c0b1}.highlight .kp{color:#c397d8}.highlight .kr{color:#c397d8}.highlight .kt{color:#e7c547}.highlight .ld{color:#b9ca4a}.highlight .m{color:#e78c45}.highlight .s{color:#b9ca4a}.highlight .na{color:#7aa6da}.highlight .nb{color:#eaeaea}.highlight .nc{color:#e7c547}.highlight .no{color:#d54e53}.highlight .nd{color:#70c0b1}.highlight .ni{color:#eaeaea}.highlight .ne{color:#d54e53}.highlight .nf{color:#7aa6da}.highlight .nl{color:#eaeaea}.highlight .nn{color:#e7c547}.highlight .nx{color:#7aa6da}.highlight .py{color:#eaeaea}.highlight .nt{color:#70c0b1}.highlight .nv{color:#d54e53}.highlight .ow{color:#70c0b1}.highlight .w{color:#eaeaea}.highlight .mf{color:#e78c45}.highlight .mh{color:#e78c45}.highlight .mi{color:#e78c45}.highlight .mo{color:#e78c45}.highlight .sb{color:#b9ca4a}.highlight .sc{color:#eaeaea}.highlight .sd{color:#969896}.highlight .s2{color:#899ff1}.highlight .se{color:#e78c45}.highlight .sh{color:#b9ca4a}.highlight .si{color:#e78c45}.highlight .sx{color:#b9ca4a}.highlight .sr{color:#b9ca4a}.highlight .s1{color:#b9ca4a}.highlight .ss{color:#b9ca4a}.highlight .bp{color:#eaeaea}.highlight .vc{color:#d54e53}.highlight .vg{color:#d54e53}.highlight .vi{color:#d54e53}.highlight .il{color:#e78c45}.md-typeset div.highlight{position:relative;overflow:visible;padding:0}.md-typeset div.highlight pre{overflow-x:auto;display:block;padding:1rem 1.2rem .8rem}copy-button{background-color:#393F4F;padding:0.5rem;max-width:50px;cursor:pointer;color:white;font-size:0.8rem;display:inline-block;position:absolute;top:0px;right:0px;padding-top:1rem;padding-left:1rem;padding-right:1rem;padding-bottom:1rem;border-top-right-radius:4px;border-bottom-right-radius:4px;transition:0.4s cubic-bezier(0.075, 0.82, 0.165, 1);line-height:1rem}copy-button:hover{background-color:#4B5368}.search-form{padding-left:2rem;padding-right:2rem;padding-top:1rem}.search-form form{display:flex}.search-form .search-box{overflow:hidden;max-width:0;width:250px;transition:max-width 0.5s ease-in-out;border:none;padding-top:8px;padding-bottom:8px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color:#19273C;font-weight:400;font-size:0.9rem;line-height:30px;border-bottom:2px solid transparent}.search-form .search-box.opened{max-width:70%;border-bottom:2px solid #19273C;padding-left:0.8rem}.search-form .search-box.opened:focus{outline:none;border-bottom:2px solid #3F55AF;background-color:#F9F9F9}.search-form .search-box.opened:hover{background-color:#F9F9F9}.search-form .search-icon{padding-top:10px;cursor:pointer}.search-form .search-icon.hide{display:none}.search-form .search-icon:hover{fill:#3F55AF}.search-form .trigger{width:18px}.search-form .submit-input{padding-top:8px;padding-bottom:8px;border:none;background-color:transparent;width:40px;background-image:url("../img/Search_Icon_1.svg");background-repeat:no-repeat;background-position:center;margin-left:0.3rem}.search-form .submit-input:focus{outline:none}.search-form .submit-input:hover{background-color:#F9F9F9}.search-form .submit-input.hide{display:none} +.docs-container{display:grid;grid-template-columns:20% 20% 20% 20% 20%;grid-template-rows:20% 20% 20% 20% 20%}.docs-container hr{display:none}.docs-container .page-sidebar-grid{grid-column-start:1;grid-column-end:2;justify-items:start;overflow-y:scroll;height:100vh;-ms-overflow-style:none}.docs-container .page-sidebar-grid::-webkit-scrollbar{display:none}.docs-container .page-sidebar-grid .docs-pagenav-grid{padding-top:5vh}.docs-container .page-sidebar-grid .docs-pagenav-grid .navbar-brand{padding-left:2rem;text-decoration:none;color:#19273C;font-size:1rem;display:inline-block}.docs-container .page-sidebar-grid .docs-pagenav-grid .top-nav-docs{padding-left:2rem;padding-top:0.5rem}.docs-container .page-sidebar-grid .docs-pagenav-grid .top-nav-docs a{text-decoration:none;color:#8C9696;font-size:0.9rem;padding-right:1rem}.docs-container .page-sidebar-grid .docs-pagenav-grid .top-nav-docs a:hover{color:#3F55AF}.docs-container .page-sidebar-grid .docs-pagenav-grid ul{list-style:none;padding-left:2rem}.docs-container .page-sidebar-grid .docs-pagenav-grid ul li a{font-size:0.9rem;text-decoration:none;color:#19273C}.docs-container .page-sidebar-grid .docs-current-page-grid p{font-weight:300;font-size:1.5rem;padding:2rem;display:block}.docs-container .page-sidebar-grid .context-nav ul{padding-left:0;margin:0}.docs-container .page-sidebar-grid .context-nav ul li{list-style:none;border-bottom:1px solid #E3ECEC;position:relative;overflow:hidden;transition:0.4s}.docs-container .page-sidebar-grid .context-nav ul li.hide{height:4rem !important}.docs-container .page-sidebar-grid .context-nav ul li:hover{border-right:0px solid #3F55AF}.docs-container .page-sidebar-grid .context-nav ul li:hover:after{content:" ";position:absolute;top:0;right:0px;bottom:0;width:2px;background-color:#3F55AF}.docs-container .page-sidebar-grid .context-nav ul li.active{height:auto !important;border-left-color:#3F55AF}.docs-container .page-sidebar-grid .context-nav ul li.active:after{content:" ";position:absolute;top:0;right:0px;bottom:0;width:2px;background-color:#3F55AF}.docs-container .page-sidebar-grid .context-nav ul li a{padding-left:2rem;padding-right:1rem;display:block;padding-top:0.5rem;padding-bottom:0.5rem}.docs-container .page-sidebar-grid .context-nav ul li a.active{color:#3F55AF}.docs-container .page-sidebar-grid .context-nav ul li ul{list-style:none;padding-left:0;margin:0;margin-left:2rem;margin-top:1rem;padding-bottom:2rem}.docs-container .page-sidebar-grid .context-nav ul li ul:hover:after{content:" ";position:absolute;top:0;right:0px;bottom:0;width:2px;background-color:#3F55AF}.docs-container .page-sidebar-grid .context-nav ul li ul li{border-bottom:none;border-left:2px solid #E3ECEC}.docs-container .page-sidebar-grid .context-nav ul li ul li:hover{border-left:2px solid #3F55AF;border-right:none}.docs-container .page-sidebar-grid .context-nav a{text-decoration:none;color:#19273C;font-size:0.9rem}.docs-container .page-sidebar-grid .context-nav .docs-footer-grid{margin-top:5rem;margin-bottom:2rem;align-items:end}.docs-container .page-sidebar-grid .context-nav .docs-footer-grid p{font-size:0.8rem;color:grey;padding-left:2rem}.docs-container .page-sidebar-grid .context-nav .docs-footer-grid ul{list-style:none;margin:0}.docs-container .page-sidebar-grid .context-nav .docs-footer-grid ul li{border-bottom:none;padding:0}.docs-container .page-sidebar-grid .context-nav .docs-footer-grid ul li:hover{border-right:none}.docs-container .page-sidebar-grid .context-nav .docs-footer-grid ul li a{font-size:0.8rem;color:grey;margin:0;padding-left:2rem;padding-top:0;padding-bottom:0}.docs-container .page-sidebar-grid .context-nav .docs-footer-grid ul li a:hover{color:#3F55AF}.docs-container .page-content-grid{grid-column-start:2;grid-column-end:6;background-color:#F9F9F9;overflow-y:scroll;height:100vh}.docs-container .page-content-grid .content-chunk{margin-left:2rem;max-width:750px;margin-top:5vh;margin-bottom:3rem}.docs-container .page-content-grid .content-chunk ul{font-size:0.9rem}.SiteWrapper .content .page-content-grid .content-chunk p{margin-top:1.3rem}.SiteWrapper .content .page-content-grid .content-chunk p code{background-color:white;border:1px solid #E3ECEC;padding-top:1px;padding-bottom:2px;padding-left:4px;color:#19273C;border-radius:1px}.SiteWrapper .content .page-content-grid .content-chunk h1{font-weight:300;font-size:2em;margin-bottom:3rem;padding-top:5rem}.SiteWrapper .content .page-content-grid .content-chunk h1:first-of-type{padding-top:0}.SiteWrapper .content .page-content-grid .content-chunk h2{margin-top:2rem}.SiteWrapper .content .page-content-grid .content-chunk h3{font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:300;font-size:1.2rem;line-height:130%;color:#19273C;margin-top:2rem}.SiteWrapper .content .page-content-grid .content-chunk blockquote{background-color:white;padding:1rem;padding-left:2rem;margin-left:0;margin-right:0;border-left:4px solid #3F55AF}.SiteWrapper .content .page-content-grid .content-chunk pre{background-color:#272B36;padding:1rem;color:white;border-radius:4px;padding-right:4rem}.SiteWrapper .content .page-content-grid .content-chunk pre code{padding-right:35px}.SiteWrapper .content .page-content-grid .content-chunk code{border-radius:2px;padding-right:5px;padding-top:1px;padding-bottom:1px;font-family:"Source Code Pro";font-size:0.8rem}.SiteWrapper .content .page-content-grid .content-chunk img{max-width:100%;border:1px solid #E3ECEC}.SiteWrapper .content .page-content-grid .content-chunk ul{list-style:none;padding-left:2em;text-indent:-1em;color:#19273C}.SiteWrapper .content .page-content-grid .content-chunk ul li:before{color:#19273C;content:'- \0000a0';font-size:1rem;font-weight:600}.SiteWrapper .content .page-content-grid .content-chunk ul li{padding-bottom:0.5rem}.SiteWrapper .content .page-content-grid .content-chunk ul li p{display:inline}.SiteWrapper .content .page-content-grid .content-chunk ol{border-left:1px solid #E3ECEC;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:0.9rem;color:#19273C}.SiteWrapper .content .page-content-grid .content-chunk ol li{margin-top:1.3rem}.SiteWrapper .content .page-content-grid .content-chunk a{color:#3F55AF}.SiteWrapper .content .page-content-grid .content-chunk .support-button{position:relative;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;user-select:none;background-image:none;border:1px solid transparent;border-radius:5px;margin:0;box-shadow:none;line-height:40px;cursor:pointer;background-color:#FDFDFD;width:auto;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:0.9rem;font-weight:400;transition:0.4s cubic-bezier(0.075, 0.82, 0.165, 1);min-width:140px;text-decoration:none;padding:0.5rem;padding-left:1.5rem;padding-right:1.5rem}.SiteWrapper .content .page-content-grid .content-chunk .support-button.primary{background-color:#3F55AF;border-color:#3F55AF;color:#FDFDFD}.SiteWrapper .content .page-content-grid .content-chunk .support-button.primary:hover{background-color:#2D3D7D}.SiteWrapper .content .page-content-grid .content-chunk table{font-size:0.8rem;display:block;background-color:white;padding:1rem}.SiteWrapper .content .page-content-grid .content-chunk table td{border-bottom:1px solid #E3ECEC;padding-bottom:1rem;padding-top:1rem;padding-right:1rem;padding:1rem}.SiteWrapper .content .page-content-grid .content-chunk table th{padding-bottom:1rem;padding-top:1rem;padding-right:1rem;padding:1rem;color:#8C9696}.SiteWrapper .content .page-content-grid .content-chunk table thead{font-weight:600;padding-bottom:1rem}.SiteWrapper .content .page-content-grid .content-chunk table tbody tr{transition:0.4s cubic-bezier(0.075, 0.82, 0.165, 1)}.SiteWrapper .content .page-content-grid .content-chunk table tbody tr:last-of-type td{border-bottom:none}.SiteWrapper .content .page-content-grid .content-chunk table tbody tr:last-of-type:hover{background-color:transparent}.SiteWrapper .content .page-content-grid .content-chunk table tbody tr:hover{background-color:#F9F9F9}@media only screen and (max-width: 1440px){.docs-container{grid-template-columns:25% 25% 25% 25%}}@media only screen and (max-width: 1024px){.docs-container{grid-template-columns:20% 20% 20% 20% 20%}.docs-container .page-sidebar-grid{grid-column-start:1;grid-column-end:3}.docs-container .page-content-grid{grid-column-start:3;grid-column-end:6}.docs-container .page-content-grid .content-chunk{margin-left:2rem;max-width:550px}}@media only screen and (max-width: 768px){.docs-container .page-content-grid .content-chunk{max-width:400px}}@media only screen and (max-width: 599px){.docs-container .page-sidebar-grid{grid-column-start:1;grid-column-end:6;overflow-y:auto}.docs-container .page-content-grid{grid-column-start:1;grid-column-end:6;padding-right:2rem;overflow-y:auto}.docs-container .page-content-grid .content-chunk{max-width:400px}}.highlight{border-radius:4px;position:relative}.highlight .hll{background-color:#424242}.highlight .c{color:#969896}.highlight .err{color:#d54e53}.highlight .k{color:#c397d8}.highlight .l{color:#e78c45}.highlight .n{color:#eaeaea}.highlight .o{color:#70c0b1}.highlight .p{color:#eaeaea}.highlight .cm{color:#969896}.highlight .cp{color:#969896}.highlight .c1{color:#969896}.highlight .cs{color:#969896}.highlight .gd{color:#d54e53}.highlight .ge{font-style:italic}.highlight .gh{color:#eaeaea;font-weight:bold}.highlight .gi{color:#b9ca4a}.highlight .gp{color:#969896;font-weight:bold}.highlight .gs{font-weight:bold}.highlight .gu{color:#70c0b1;font-weight:bold}.highlight .kc{color:#c397d8}.highlight .kd{color:#c397d8}.highlight .kn{color:#70c0b1}.highlight .kp{color:#c397d8}.highlight .kr{color:#c397d8}.highlight .kt{color:#e7c547}.highlight .ld{color:#b9ca4a}.highlight .m{color:#e78c45}.highlight .s{color:#b9ca4a}.highlight .na{color:#7aa6da}.highlight .nb{color:#eaeaea}.highlight .nc{color:#e7c547}.highlight .no{color:#d54e53}.highlight .nd{color:#70c0b1}.highlight .ni{color:#eaeaea}.highlight .ne{color:#d54e53}.highlight .nf{color:#7aa6da}.highlight .nl{color:#eaeaea}.highlight .nn{color:#e7c547}.highlight .nx{color:#7aa6da}.highlight .py{color:#eaeaea}.highlight .nt{color:#70c0b1}.highlight .nv{color:#d54e53}.highlight .ow{color:#70c0b1}.highlight .w{color:#eaeaea}.highlight .mf{color:#e78c45}.highlight .mh{color:#e78c45}.highlight .mi{color:#e78c45}.highlight .mo{color:#e78c45}.highlight .sb{color:#b9ca4a}.highlight .sc{color:#eaeaea}.highlight .sd{color:#969896}.highlight .s2{color:#899ff1}.highlight .se{color:#e78c45}.highlight .sh{color:#b9ca4a}.highlight .si{color:#e78c45}.highlight .sx{color:#b9ca4a}.highlight .sr{color:#b9ca4a}.highlight .s1{color:#b9ca4a}.highlight .ss{color:#b9ca4a}.highlight .bp{color:#eaeaea}.highlight .vc{color:#d54e53}.highlight .vg{color:#d54e53}.highlight .vi{color:#d54e53}.highlight .il{color:#e78c45}.md-typeset div.highlight{position:relative;overflow:visible;padding:0}.md-typeset div.highlight pre{overflow-x:auto;display:block;padding:1rem 1.2rem .8rem}copy-button{background-color:#393F4F;padding:0.5rem;max-width:50px;cursor:pointer;color:white;font-size:0.8rem;display:inline-block;position:absolute;top:0px;right:0px;padding-top:1rem;padding-left:1rem;padding-right:1rem;padding-bottom:1rem;border-top-right-radius:4px;border-bottom-right-radius:4px;transition:0.4s cubic-bezier(0.075, 0.82, 0.165, 1);line-height:1rem}copy-button:hover{background-color:#4B5368}.search-form{padding-left:2rem;padding-right:2rem;padding-top:1rem}.search-form form{display:flex}.search-form .search-box{overflow:hidden;max-width:0;width:250px;transition:max-width 0.5s ease-in-out;border:none;padding-top:8px;padding-bottom:8px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color:#19273C;font-weight:400;font-size:0.9rem;line-height:30px;border-bottom:2px solid transparent}.search-form .search-box.opened{max-width:70%;border-bottom:2px solid #19273C;padding-left:0.8rem}.search-form .search-box.opened:focus{outline:none;border-bottom:2px solid #3F55AF;background-color:#F9F9F9}.search-form .search-box.opened:hover{background-color:#F9F9F9}.search-form .search-icon{padding-top:10px;cursor:pointer}.search-form .search-icon.hide{display:none}.search-form .search-icon:hover{fill:#3F55AF}.search-form .trigger{width:18px}.search-form .submit-input{padding-top:8px;padding-bottom:8px;border:none;background-color:transparent;width:40px;background-image:url("../img/Search_Icon_1.svg");background-repeat:no-repeat;background-position:center;margin-left:0.3rem}.search-form .submit-input:focus{outline:none}.search-form .submit-input:hover{background-color:#F9F9F9}.search-form .submit-input.hide{display:none} diff --git a/packages/composer-website/jekylldocs/assets/css/grid-layout.scss b/packages/composer-website/jekylldocs/assets/css/grid-layout.scss index 6a2eba1330..11be2f3e48 100644 --- a/packages/composer-website/jekylldocs/assets/css/grid-layout.scss +++ b/packages/composer-website/jekylldocs/assets/css/grid-layout.scss @@ -420,6 +420,56 @@ $callout: #FFD640; } + // Table styling + + table { + font-size: 0.8rem; + display: block; + background-color: white; + padding: 1rem; + + td { + border-bottom: 1px solid $keyline-highlight; + padding-bottom: 1rem; + padding-top: 1rem; + padding-right: 1rem; + padding: 1rem; + } + + th { + padding-bottom: 1rem; + padding-top: 1rem; + padding-right: 1rem; + padding: 1rem; + color: $secondary-text; + } + + thead { + font-weight: 600; + padding-bottom: 1rem; + // border-bottom: 1px solid blue; + } + tbody { + // display: block; + tr { + transition: 0.4s cubic-bezier(0.075, 0.820, 0.165, 1.000); + &:last-of-type { + td { + border-bottom: none; + } + &:hover { + background-color: transparent; + } + + } + &:hover { + background-color: $third-highlight; + + } + } + } + } + } } }