| section.page-docs { |
| display: grid; |
| transition: grid-template-columns 0.15s; |
| grid-template-columns: auto 1fr auto; |
| grid-template-rows: 100%; |
| grid-template-areas: 'left-nav content right-nav'; |
| line-height: 20px; |
| max-width: 1440px; |
| margin: auto; |
| width: 100%; |
| |
| &>article { |
| // box-shadow: -1px 13px 20px 0 #696c70; |
| border-left: 1px solid #eeeeee; |
| background-color: #ffffff; |
| padding: 0 50px 30px; |
| grid-area: content; |
| overflow: hidden; |
| font-family: sans-serif; |
| font-size: 16px; |
| color: #545454; |
| line-height: 1.6em; |
| |
| h1, h2, h3:not(.discrete), h4, h5, strong, th { |
| font-family: 'Open Sans'; |
| } |
| |
| li { |
| margin-bottom: 0.5em; |
| |
| > p { |
| margin-top: 0; |
| margin-bottom: 0; |
| } |
| } |
| |
| img { |
| max-width: 100%; |
| height: auto; |
| } |
| |
| @media (max-width: 800px) { |
| padding-left: 15px; |
| padding-right: 15px |
| } |
| } |
| |
| .edit-link { |
| position:relative; |
| top: 10px; |
| right:10px; |
| float: right; |
| padding-top: calc(var(--header-height) + var(--padding-top)); |
| margin-top: calc((-1 * var(--header-height))); |
| } |
| |
| h1, h2, h3:not(.discrete), h4, h5 { |
| margin-bottom: 0; |
| |
| &[id] { |
| margin-top: var(--margin-top); |
| margin-bottom: calc(var(--margin-top) * 0.5); |
| // padding-top: calc(var(--header-height) + var(--padding-top)); |
| z-index: -1; |
| } |
| } |
| |
| .toc > ul { |
| margin: 0; |
| } |
| |
| |
| .content > .pygments.highlight { |
| margin-top: 0px; |
| } |
| |
| .title { |
| font-style: italic; |
| } |
| |
| .checkmark:before { |
| content: ''; |
| background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='check-square' class='svg-inline--fa fa-check-square fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%2300a100' d='M400 480H48c-26.51 0-48-21.49-48-48V80c0-26.51 21.49-48 48-48h352c26.51 0 48 21.49 48 48v352c0 26.51-21.49 48-48 48zm-204.686-98.059l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.248-16.379-6.249-22.628 0L184 302.745l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.25 16.379 6.25 22.628.001z'%3E%3C/path%3E%3C/svg%3E"); |
| width: 15px; |
| height: 15px; |
| display: inline-block; |
| background-repeat: no-repeat; |
| visibility: visible; |
| } |
| .checkmark { |
| visibility: hidden; |
| } |
| |
| .stretch {width: 100%;} |
| h1[id] { |
| --margin-top: 1em; |
| } |
| h2[id] { |
| --margin-top: 1.2em; |
| } |
| .toc > h2 { |
| --margin-top: 1em; |
| } |
| |
| h3[id] { |
| --margin-top: 1.2em; |
| } |
| h4[id] { |
| --margin-top: 0.5em; |
| } |
| h5[id] { |
| --margin-top: 1.67em; |
| } |
| .imageblock .content, .image { |
| text-align: center; |
| display: block; |
| } |
| .imageblock, .image { |
| img:not([width]):not([height]) { |
| width: auto; |
| height: auto; |
| max-width: 100%; |
| max-height: 450px; |
| } |
| } |
| strong { |
| color: #757575; |
| } |
| |
| th.valign-top,td.valign-top { |
| vertical-align:top; |
| } |
| |
| table { |
| margin: 16px 0; |
| } |
| |
| table tr td { |
| hyphens: auto; |
| } |
| |
| table thead,table tfoot { |
| background:#f7f8f7; |
| color: #757575; |
| } |
| table tr.even,table tr.alt{background:#f8f8f7} |
| table.stripes-all tr,table.stripes-odd tr:nth-of-type(odd),table.stripes-even tr:nth-of-type(even),table.stripes-hover tr:hover{background:#f8f8f7} |
| |
| } |
| .copyright { |
| margin-top: 3em; |
| padding-top: 1em; |
| border-top: 1px solid #f0f0f0; |
| font-size: 0.9em; |
| line-height: 1.8em; |
| color: #757575; |
| } |
| |
| body.hide-left-nav { |
| .left-nav { |
| display: none; |
| } |
| } |
| |
| .left-nav { |
| // top: 0; |
| bottom: 0; |
| position: -webkit-sticky; |
| position: sticky; |
| } |
| .left-nav { |
| // max-height: calc(100vh ); |
| grid-area: left-nav; |
| } |
| .right-nav { |
| grid-area: right-nav; |
| } |
| .left-nav__overlay { |
| display: none; |
| background: rgba(0, 0, 0, 0.50); |
| z-index: 1; |
| position: fixed; |
| top: var(--header-height); |
| bottom: 0; |
| left: 0; |
| right: 0; |
| } |
| |
| |
| #doc-feedback-btn { |
| background-color: #b02032 !important; // rgb(240, 0, 35) !important; |
| display: block; |
| font-weight: 400; |
| color: white; |
| text-align: center; |
| cursor: pointer; |
| user-select: none; |
| background-color: transparent; |
| border: 1px solid transparent; |
| padding: .375rem .75rem; |
| margin: 1rem auto; |
| font-size: 14px; |
| line-height: 1.5; |
| border-radius: .25rem; |
| transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; |
| } |
| |
| @media (max-width: 990px) { |
| body:not(.hide-left-nav) { |
| .left-nav__overlay { |
| display: block; |
| } |
| } |
| nav.left-nav { |
| background: #fafafa; |
| grid-area: left-nav; |
| box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.24), 0 0 4px 0 rgba(0, 0, 0, 0.12); |
| min-height: calc(100vh - var(--header-height)); |
| max-height: calc(100vh - var(--header-height)); |
| position: fixed; |
| bottom: 0; |
| top: var(--header-height); |
| z-index: 2; |
| } |
| section.page-docs > article { |
| grid-column-start: left-nav; |
| grid-column-end: content; |
| grid-row: content; |
| } |
| } |
| @media (max-width: 800px) { |
| nav.right-nav { |
| display: block; |
| width: 100%; |
| height: 80px; |
| |
| .toc-wrapper { |
| display: none; |
| } |
| } |
| section.page-docs { |
| display: block; |
| } |
| } |
| |
| :target:before { |
| content: ""; |
| display: block; |
| margin-top: calc(var(--header-height) * -1); |
| height: var(--header-height); |
| width: 1px; |
| } |
| @media (min-width: 600px) and (max-width: 900px) { |
| :target:before { |
| content: ""; |
| display: block; |
| width: 1px; |
| margin-top: -150px; |
| height: 150px; |
| } |
| } |