diff --git a/source/_static/css/main.css b/source/_static/css/main.css index 3f4a2ccb..727c2eb4 100644 --- a/source/_static/css/main.css +++ b/source/_static/css/main.css @@ -2,82 +2,98 @@ --sd-color-tabs-label-active: #C72C48; --sd-color-tabs-label-inactive: rgba(199, 44, 72, 0.5); --sd-color-tabs-overline: rgba(199, 44, 72, 0.5); - --sd-color-tabs-underline: rgba(199, 44, 72, 0.25); } + --sd-color-tabs-underline: rgba(199, 44, 72, 0.25); +} @font-face { font-family: "Mark"; src: url("../fonts/Mark-Regular.woff2") format("woff2"), url("../fonts/Mark-Regular.woff") format("woff"); font-weight: 400; - font-style: normal; } - + font-style: normal; +} @font-face { font-family: "Mark"; src: url("../fonts/Mark-Medium.woff2") format("woff2"), url("../fonts/Mark-Medium.woff") format("woff"); font-weight: 500; - font-style: normal; } - + font-style: normal; +} html { line-height: 1.35; - -webkit-text-size-adjust: 100%; } + -webkit-text-size-adjust: 100%; +} body { - margin: 0; } + margin: 0; +} main { - display: block; } + display: block; +} h1 { font-size: 2em; - margin: 0.67em 0; } + margin: 0.67em 0; +} hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; - overflow: visible; } + overflow: visible; +} pre { font-family: monospace, monospace; - font-size: .9em; } + font-size: 0.9em; +} a { background-color: transparent; - text-decoration: none; } + text-decoration: none; +} abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; - text-decoration: underline dotted; } + text-decoration: underline dotted; +} b, strong { - font-weight: bold; } + font-weight: bold; +} code, kbd, samp { font-family: monospace, monospace; - font-size: .9em; } + font-size: 0.9em; +} small { - font-size: 80%; } + font-size: 80%; +} sub, sup { font-size: 75%; line-height: 0; position: relative; - vertical-align: baseline; } + vertical-align: baseline; +} sub { - bottom: -0.25em; } + bottom: -0.25em; +} sup { - top: -0.5em; } + top: -0.5em; +} img { - border-style: none; } + border-style: none; +} button, input, @@ -87,40 +103,48 @@ textarea { font-family: inherit; font-size: 100%; line-height: 1.15; - margin: 0; } + margin: 0; +} button, input { - overflow: visible; } + overflow: visible; +} button, select { - text-transform: none; } + text-transform: none; +} button[disabled] { - cursor: default; } + cursor: default; +} button, -[type="button"], -[type="reset"], -[type="submit"] { - -webkit-appearance: button; } +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} button::-moz-focus-inner, -[type="button"]::-moz-focus-inner, -[type="reset"]::-moz-focus-inner, -[type="submit"]::-moz-focus-inner { +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { border-style: none; - padding: 0; } + padding: 0; +} button:-moz-focusring, -[type="button"]:-moz-focusring, -[type="reset"]:-moz-focusring, -[type="submit"]:-moz-focusring { - outline: 1px dotted ButtonText; } +[type=button]:-moz-focusring, +[type=reset]:-moz-focusring, +[type=submit]:-moz-focusring { + outline: 1px dotted ButtonText; +} fieldset { - padding: 0.35em 0.75em 0.625em; } + padding: 0.35em 0.75em 0.625em; +} legend { -webkit-box-sizing: border-box; @@ -129,62 +153,78 @@ legend { display: table; max-width: 100%; padding: 0; - white-space: normal; } + white-space: normal; +} progress { - vertical-align: baseline; } + vertical-align: baseline; +} textarea { - overflow: auto; } + overflow: auto; +} -[type="checkbox"], -[type="radio"] { +[type=checkbox], +[type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; - padding: 0; } + padding: 0; +} -[type="number"]::-webkit-inner-spin-button, -[type="number"]::-webkit-outer-spin-button { - height: auto; } +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} -[type="search"] { +[type=search] { -webkit-appearance: textfield; - outline-offset: -2px; } + outline-offset: -2px; +} -[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; } +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} ::-webkit-file-upload-button { -webkit-appearance: button; - font: inherit; } + font: inherit; +} details { - display: block; } + display: block; +} summary { - display: list-item; } + display: list-item; +} template { - display: none; } + display: none; +} [hidden] { - display: none; } + display: none; +} address { font-style: normal; color: inherit; - margin: 0; } + margin: 0; +} * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; } - *:focus, *:active { - outline: none; } + -moz-osx-font-smoothing: grayscale; +} +*:focus, *:active { + outline: none; +} html { - font-size: 16px; } + font-size: 16px; +} body { all: unset; @@ -200,150 +240,190 @@ body { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; - flex-direction: column; } + flex-direction: column; + overflow: hidden; +} a { color: #0045ec; - text-decoration: none; } - a:hover { - color: #0036b9; - text-decoration: none; } - a > img.anchor { - -webkit-box-shadow: none; - box-shadow: none; - height: 1rem; } - a.reference { - text-decoration: none; - border-bottom: none; } + text-decoration: none; +} +a:hover { + color: #0036b9; + text-decoration: none; +} +a > img.anchor { + -webkit-box-shadow: none; + box-shadow: none; + height: 1rem; +} +a.reference { + text-decoration: none; + border-bottom: none; +} h1, h2, h3, h4, h5, h6 { color: #1C1C1C; - position: relative; } - h1 > .toc-backref, h2 > .toc-backref, h3 > .toc-backref, h4 > .toc-backref, h5 > .toc-backref, h6 > .toc-backref { - color: #1C1C1C; } - h1 > .headerlink, h2 > .headerlink, h3 > .headerlink, h4 > .headerlink, h5 > .headerlink, h6 > .headerlink { - position: absolute; - left: -1.5rem; - top: 0; - opacity: 0.5; } - h1 > .headerlink:hover, h2 > .headerlink:hover, h3 > .headerlink:hover, h4 > .headerlink:hover, h5 > .headerlink:hover, h6 > .headerlink:hover { - background-color: transparent; - opacity: 1; } + position: relative; +} +h1 > .toc-backref, h2 > .toc-backref, h3 > .toc-backref, h4 > .toc-backref, h5 > .toc-backref, h6 > .toc-backref { + color: #1C1C1C; +} +h1 > .headerlink, h2 > .headerlink, h3 > .headerlink, h4 > .headerlink, h5 > .headerlink, h6 > .headerlink { + position: absolute; + left: -1.5rem; + top: 0; + opacity: 0.5; +} +h1 > .headerlink:hover, h2 > .headerlink:hover, h3 > .headerlink:hover, h4 > .headerlink:hover, h5 > .headerlink:hover, h6 > .headerlink:hover { + background-color: transparent; + opacity: 1; +} dl > dt { - font-weight: bold; } + font-weight: bold; +} li dl.simple { - font-weight: normal; } - li dl.simple dt { - font-weight: normal; } - li dl.simple dd { - margin-left: 0px; } + font-weight: normal; +} +li dl.simple dt { + font-weight: normal; +} +li dl.simple dd { + margin-left: 0px; +} div.admonition { margin-top: 0; padding: 10px 20px; background: rgba(0, 0, 0, 0.01); border: none; - border-left: 4px solid grey; } - div.admonition > p.admonition-title { - font-weight: bold; - font-family: "Mark", sans-serif; - font-size: 1rem; } - div.admonition.warning { - background-color: #FFF2F2; - border: none; - border-left: 4px solid #E54253; } - div.admonition.important { - background-color: #FFF9E6; - border: none; - border-left: 4px solid #EDBC39; } - div.admonition.note { - background-color: #EDF9FF; - border: none; - border-left: 4px solid #2592EF; } + border-left: 4px solid grey; +} +div.admonition > p.admonition-title { + font-weight: bold; + font-family: "Mark", sans-serif; + font-size: 1rem; +} +div.admonition.warning { + background-color: #FFF2F2; + border: none; + border-left: 4px solid #E54253; +} +div.admonition.important { + background-color: #FFF9E6; + border: none; + border-left: 4px solid #EDBC39; +} +div.admonition.note { + background-color: #EDF9FF; + border: none; + border-left: 4px solid #2592EF; +} dl { - margin: 10px 0 10px 0; } + margin: 10px 0 10px 0; +} dl.minio { - margin: 10px 0 10px 0; } + margin: 10px 0 10px 0; +} div.footer { width: auto; - margin: 0px; } + margin: 0px; +} .align-default { - text-align: left; } + text-align: left; +} table.docutils { border: none; box-shadow: none; -webkit-box-shadow: none; - -moz-box-shadow: none; } - table.docutils > tbody tr th.stub { - border: none; - border-bottom: 1px solid #e6e6e6; - color: #C72C48; - font-size: .9rem; } - table.docutils > thead tr th { - border: none; - border-bottom: 1px solid #e6e6e6; - font-size: 1rem; - color: #C72C48; - font-size: .9rem; } - table.docutils > tbody tr td { - border: none; - border-bottom: 1px solid #e6e6e6; } - table.docutils > tbody tr td > p { - font-size: .90rem; } + -moz-box-shadow: none; +} +table.docutils > tbody tr th.stub { + border: none; + border-bottom: 1px solid #e6e6e6; + color: #C72C48; + font-size: 0.9rem; +} +table.docutils > thead tr th { + border: none; + border-bottom: 1px solid #e6e6e6; + font-size: 1rem; + color: #C72C48; + font-size: 0.9rem; +} +table.docutils > tbody tr td { + border: none; + border-bottom: 1px solid #e6e6e6; +} +table.docutils > tbody tr td > p { + font-size: 0.9rem; +} .sphinx-tabs-tab { color: rgba(0, 0, 0, 0.5); background: none; border: none; - padding: 0px 20px 10px 20px; } - .sphinx-tabs-tab[aria-selected=true] { - color: #C72C48; - font-weight: bold; - border-bottom: 0.15em solid #C72C48; - pointer-events: none; } + padding: 0px 20px 10px 20px; +} +.sphinx-tabs-tab[aria-selected=true] { + color: #C72C48; + font-weight: bold; + border-bottom: 0.15em solid #C72C48; + pointer-events: none; +} button.toggle-button { width: 1.25em; - height: 1.25em; } - button.toggle-button.toggle-button-hidden:before { - left: -7em; } - button.toggle-button > .bar { - width: 14px; - left: 13%; } + height: 1.25em; +} +button.toggle-button.toggle-button-hidden:before { + left: -7em; +} +button.toggle-button > .bar { + width: 14px; + left: 13%; +} .xref { - color: #C72C48; } + color: #C72C48; +} .content__main img { -webkit-box-shadow: 0px 0px 5px lightgray; - box-shadow: 0px 0px 5px lightgray; } + box-shadow: 0px 0px 5px lightgray; +} ul.simple li { - margin: 0px 0px 10px 0px; } + margin: 0px 0px 10px 0px; +} video { display: block; margin-left: auto; - margin-right: auto; } + margin-right: auto; +} .content { overflow-y: auto; overflow-x: hidden; -ms-flex-wrap: nowrap; flex-wrap: nowrap; - height: calc(100vh - 5rem); } - @media (min-width: 992px) { - .content { - display: -webkit-box; - display: -ms-flexbox; - display: flex; } } + height: calc(100vh - 5.65rem); +} +@media (min-width: 992px) { + .content { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } +} .content__main { -webkit-box-flex: 1; @@ -353,16 +433,20 @@ video { background-color: #ffffff; -ms-flex-item-align: start; align-self: flex-start; - padding: 1.75rem; } - @media (min-width: 1200px) { - .content__main { - padding-left: 20.75rem; - -webkit-transition: padding-left 300ms; - transition: padding-left 300ms; - will-change: padding-left; } } + padding: 1.75rem; +} +@media (min-width: 1200px) { + .content__main { + padding-left: 20.75rem; + -webkit-transition: padding-left 300ms; + transition: padding-left 300ms; + will-change: padding-left; + } +} -.sidebar-toggled .content__main { - padding-left: 1.75rem; } +.sidebar-active .content__main { + padding-left: 1.75rem; +} @media (min-width: 992px) { .content__aside { @@ -372,12 +456,15 @@ video { top: 0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; - order: 2; } } + order: 2; + } +} .content__right { position: sticky; top: 0; - overflow: scroll; } + overflow: scroll; +} :root { --nav-text-color: #000000; @@ -385,38 +472,54 @@ video { --nav-item-arrow: url(../img/icons/nav-arrow.svg); --nav-toggle-hover-border-color: #000000; --nav-bg-gray: #f8f8f8; - --header-bg: #ffffff; } + --header-bg: #ffffff; + --nav-top-border-color: #dedede; +} .header { - height: 5rem; + height: 5.65rem; background-color: #ffffff; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; -webkit-box-shadow: 0 0 0.75rem rgba(0, 0, 0, 0.1); box-shadow: 0 0 0.75rem rgba(0, 0, 0, 0.1); width: 100%; z-index: 10; -ms-flex-negative: 0; flex-shrink: 0; - display: flex; - align-items: center; - padding: 0 1.25rem; } + padding: 0 1.75rem; +} +@media (max-width: 991px) { + .header { + height: 4.5rem; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding: 0 1.25rem; + } +} .logo { - -ms-flex-negative: 0; - flex-shrink: 0; - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - margin-left: 0.75rem; } - .logo > img { - height: 1.05rem; - -webkit-box-shadow: none; - box-shadow: none; } + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +@media (min-width: 992px) { + .logo { + position: absolute; + left: 1.3rem; + top: 0; + z-index: 1; + } +} + +.logo__link { + margin-left: 0.5rem; +} .nav { z-index: 1; @@ -424,158 +527,199 @@ video { transition: opacity 300ms, -webkit-transform 300ms; transition: opacity 300ms, transform 300ms; transition: opacity 300ms, transform 300ms, -webkit-transform 300ms; - margin-left: auto; - font-size: 0.9375rem; } - @media (min-width: 992px) { - .nav { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; } } - @media (max-width: 991px) { - .nav { - height: 100vh; - width: 300px; - position: fixed; - right: 0; - top: 0; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-transform: translate3d(300px, 0, 0); - transform: translate3d(300px, 0, 0); - opacity: 0; - -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); - box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); - overflow-y: auto; - background-color: #ffffff; - padding-top: 2.5rem; } } + font-size: 0.9375rem; +} +@media (max-width: 991px) { + .nav { + height: 100vh; + width: 300px; + position: fixed; + right: 0; + top: 0; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-transform: translate3d(300px, 0, 0); + transform: translate3d(300px, 0, 0); + opacity: 0; + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + overflow-y: auto; + background-color: #ffffff; + } +} +@media (min-width: 992px) { .nav > .toggle-icon { - position: absolute; - top: 0.7rem; - right: 0.7rem; } - @media (min-width: 992px) { - .nav > .toggle-icon { - display: none; } } + display: none; + } +} + +.nav__top, +.nav__bottom { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + position: relative; + gap: 2rem; + -webkit-box-pack: end; + -ms-flex-pack: end; + justify-content: flex-end; +} +@media (min-width: 992px) { + .nav__top, +.nav__bottom { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + margin: 0.25rem 0; + } +} + +.nav__top { + border-bottom: 1px solid var(--nav-top-border-color); +} +@media (max-width: 991px) { + .nav__top { + border-bottom: 1px solid #F7F7F7; + padding-bottom: 1rem; + margin-bottom: 1rem; + } +} +.nav__top .nav__link { + font-size: 0.8125rem; +} @media (max-width: 991px) { - .nav-toggled .nav { + .nav-active { + z-index: 1000; + } + .nav-active .nav { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; - z-index: 100; } } + z-index: 100; + } +} -.nav__item:hover .nav__dropdown, -.nav__item:hover ~ .nav__dropdown--product { +.nav__item:hover .nav__dropdown, .nav__item:hover ~ .nav__dropdown--product { opacity: 1; - pointer-events: auto; } - + pointer-events: auto; +} .nav__item:hover .nav__link--dropdown > span:before { - opacity: 0; } - + opacity: 0; +} @media (min-width: 992px) { .nav__item .nav__link { - margin-right: 0.75rem; - background: var(--nav-item-arrow) no-repeat top 2.45rem right 0.25rem; } - .nav__item .nav__link:after { - opacity: 0; - pointer-events: none; - -webkit-box-sizing: border-box; - box-sizing: border-box; - left: 50%; - margin-left: -3px; - content: ""; - width: 0; - height: 0; - border-style: solid; - border-width: 0 6px 4px; - border-color: transparent transparent #fff; - position: absolute; - bottom: 1rem; - -webkit-transition: opacity 200ms; - transition: opacity 200ms; - z-index: 2; } + padding-right: 1.25rem; + background: var(--nav-item-arrow) no-repeat top 20px right 0.25rem; + } + .nav__item .nav__link:after { + opacity: 0; + pointer-events: none; + -webkit-box-sizing: border-box; + box-sizing: border-box; + left: 50%; + margin-left: -3px; + content: ""; + width: 0; + height: 0; + border-style: solid; + border-width: 0 6px 4px; + border-color: transparent transparent #fff; + position: absolute; + bottom: -2px; + -webkit-transition: opacity 200ms; + transition: opacity 200ms; + z-index: 2; + } .nav__item:hover .nav__link:after { - opacity: 1; } } + opacity: 1; + } +} .nav__link { - position: relative; } - .nav__link, .nav__link:hover { - color: var(--nav-text-color); } - @media (min-width: 992px) { - .nav__link { - padding: 0 1.25rem; - margin-left: 0.25rem; - cursor: pointer; } - .nav__link:not(.nav__link--download) { - height: 5rem; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; } - .nav__link > span { - position: relative; } - .nav__link > span:before { - height: 1px; - width: 100%; - background-color: var(--nav-item-border-color); - position: absolute; - bottom: -8px; - left: 0; - content: ""; - -webkit-transform: translateY(5px); - transform: translateY(5px); - opacity: 0; - -webkit-transition: opacity 300ms, -webkit-transform 300ms; - transition: opacity 300ms, -webkit-transform 300ms; - transition: opacity 300ms, transform 300ms; - transition: opacity 300ms, transform 300ms, -webkit-transform 300ms; } - .nav__link:not(.nav__link--dropdown):hover > span:before { - -webkit-transform: translateY(0); - transform: translateY(0); - opacity: 1; } } - @media (max-width: 991px) { - .nav__link { - font-weight: 500; - color: #000000; } - .nav__link > span { - display: block; - padding: 0.5rem 1.5rem; } } + position: relative; +} +.nav__link, .nav__link:hover { + color: var(--nav-text-color); +} +@media (min-width: 992px) { + .nav__link { + padding: 0.5rem 0 0.6rem; + cursor: pointer; + } + .nav__link > span { + position: relative; + } + .nav__link > span:before { + height: 1px; + width: 100%; + background-color: var(--nav-item-border-color); + position: absolute; + bottom: -4px; + left: 0; + content: ""; + -webkit-transform: translateY(5px); + transform: translateY(5px); + opacity: 0; + -webkit-transition: opacity 300ms, -webkit-transform 300ms; + transition: opacity 300ms, -webkit-transform 300ms; + transition: opacity 300ms, transform 300ms; + transition: opacity 300ms, transform 300ms, -webkit-transform 300ms; + } + .nav__link:not(.nav__link--dropdown):hover > span:before { + -webkit-transform: translateY(0); + transform: translateY(0); + opacity: 1; + } +} +@media (max-width: 991px) { + .nav__link { + font-weight: 500; + color: #000000; + } + .nav__link > span { + display: block; + padding: 0.5rem 1.5rem; + } +} .nav__link--active > span:before { opacity: 1; -webkit-transform: translateY(0); - transform: translateY(0); } + transform: translateY(0); +} .nav__link--download { border: 1px solid #C72C48; -webkit-transition: background-color 300ms, color 300ms; transition: background-color 300ms, color 300ms; border-radius: 0.1875rem; - padding: 0.5rem 1.25rem 0.6rem; } - .nav__link--download:hover { - background-color: #C72C48; - color: #ffffff; } - @media (max-width: 991px) { - .nav__link--download { - margin: 1.5rem; - text-align: center; - padding: 0.5rem 1rem; - display: block; } } + padding: 0.2rem 0.95rem 0.3rem; + margin-left: auto; +} +.nav__link--download:hover { + background-color: #C72C48; + color: #ffffff; +} +@media (max-width: 991px) { + .nav__link--download { + margin: 1.5rem; + text-align: center; + padding: 0.5rem 1rem; + display: block; + } +} @media (min-width: 992px) { .nav__dropdown { - width: 385px; + width: 365px; -webkit-transform: translateX(calc(-50% + 3rem)); transform: translateX(calc(-50% + 3rem)); position: absolute; left: 0; - top: 4rem; + top: 2.65rem; opacity: 0; -webkit-transition: opacity 200ms; transition: opacity 200ms; @@ -585,83 +729,106 @@ video { -webkit-box-shadow: 0 0.0625rem 1.25rem rgba(0, 0, 0, 0.13); box-shadow: 0 0.0625rem 1.25rem rgba(0, 0, 0, 0.13); background-color: #ffffff; - z-index: 1; } - .nav__dropdown .nav__dropdown__inner { - padding: 1.5rem; - max-height: calc(100vh - 5rem); - overflow-y: auto; - border-radius: 0.3125rem; } } - + z-index: 1; + } + .nav__dropdown .nav__dropdown__inner { + padding: 1.5rem; + max-height: calc(100vh - 5rem); + overflow-y: auto; + border-radius: 0.3125rem; + } +} @media (max-width: 991px) { .nav__dropdown .nav__dropdown__inner { background-color: var(--nav-bg-gray); padding: 0.5rem 0.8rem; - margin-bottom: 1rem; } } + margin-bottom: 1rem; + } +} @media (min-width: 992px) { .nav__dropdown--product { - width: calc(100% - 3.5rem); max-width: 1200px; + width: 100%; -webkit-transform: translateX(0); transform: translateX(0); - left: auto; - right: 1.75rem; } - .nav__dropdown--product:hover { - opacity: 1; - pointer-events: auto; } - .nav__dropdown--product .nav__dropdown__inner { - padding: 2.5rem 2.25rem; } } + left: 0; + } + .nav__dropdown--product:hover { + opacity: 1; + pointer-events: auto; + } + .nav__dropdown--product .nav__dropdown__inner { + padding: 2.5rem 2.25rem; + } +} .nav__sub { padding: 0.6rem 0.75rem; font-weight: 500; color: #000000; - border-radius: 0.1875rem; } - @media (max-width: 991px) { - .nav__sub { - font-size: 0.85rem; - font-weight: normal; } } - .nav__sub, - .nav__sub > small { - display: block; } - .nav__sub > small { - color: #4b4b4b; + border-radius: 0.1875rem; +} +@media (max-width: 991px) { + .nav__sub { + font-size: 0.85rem; font-weight: normal; - font-size: 0.8rem; - opacity: 0.75; - margin-top: 0.25rem; } - @media (max-width: 991px) { - .nav__sub > small { - display: none; } } - .nav__sub:hover { - background-color: var(--nav-bg-gray); - color: #000000; } + } +} +.nav__sub, .nav__sub > small { + display: block; +} +.nav__sub > small { + color: #4b4b4b; + font-weight: normal; + font-size: 0.8rem; + opacity: 0.75; + margin-top: 0.25rem; +} +@media (max-width: 991px) { + .nav__sub > small { + display: none; + } +} +.nav__sub:hover { + background-color: var(--nav-bg-gray); + color: #000000; +} @media (min-width: 992px) { .nav__feature { display: -webkit-box; display: -ms-flexbox; - display: flex; } } + display: flex; + } +} @media (min-width: 992px) { .nav__column { - padding: 0 1rem; } - .nav__column:not(:first-child) { - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; } - .nav__column:first-child > .nav__sub { - margin-top: 1rem; } } + padding: 0 1rem; + } + .nav__column:not(:last-child) { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + } + .nav__column:last-child > .nav__sub { + margin-top: 1rem; + } +} .nav__column__title { text-transform: uppercase; font-size: 0.6rem; padding-left: 0.75rem; margin-bottom: 0.5rem; - line-height: 100%; } - @media (max-width: 991px) { - .nav__column__title { - margin-top: 1rem; } } + line-height: 100%; +} +@media (max-width: 991px) { + .nav__column__title { + margin-top: 1rem; + } +} .nav__lead { display: -webkit-box; @@ -669,42 +836,56 @@ video { display: flex; -webkit-box-align: center; -ms-flex-align: center; - align-items: center; } - .nav__lead, .nav__lead:hover { - color: #000000; } + align-items: center; +} +.nav__lead, .nav__lead:hover { + color: #000000; +} +.nav__lead > img { + width: 30px; + -ms-flex-negative: 0; + flex-shrink: 0; + margin-right: 0.75rem; +} +@media (max-width: 991px) { .nav__lead > img { - width: 30px; - -ms-flex-negative: 0; - flex-shrink: 0; - margin-right: 0.75rem; } - @media (max-width: 991px) { - .nav__lead > img { - display: none; } } + display: none; + } +} @media (min-width: 992px) { .nav__jump { padding-left: 2.6rem; - margin-top: -0.2rem; } - .nav__jump > a { - font-weight: normal; - display: block; - font-size: 0.8rem; - margin-top: 0.5rem; } - .nav__jump > a, .nav__jump > a:hover { - color: #000000; } - .nav__jump > a:hover { - text-decoration: underline; } } - + margin-top: -0.2rem; + } + .nav__jump > a { + font-weight: normal; + display: block; + font-size: 0.8rem; + margin-top: 0.5rem; + } + .nav__jump > a, .nav__jump > a:hover { + color: #000000; + } + .nav__jump > a:hover { + text-decoration: underline; + } +} @media (max-width: 991px) { .nav__jump { - display: none; } } + display: none; + } +} -.nav__seperator { - border-left: 1px solid var(--nav-bg-gray); - margin: 0 1rem; } - @media (max-width: 991px) { - .nav__seperator { - display: none; } } +.nav__separator { + border-left: 1px solid #F7F7F7; + margin: 0 1rem; +} +@media (max-width: 991px) { + .nav__separator { + display: none; + } +} .toggle-icon { width: 2.5rem; @@ -726,15 +907,20 @@ video { justify-content: center; flex-shrink: 0; background-repeat: no-repeat; - background-position: center; } - .toggle-icon:hover { - background-color: rgba(199, 44, 72, 0.075); } + background-position: center; +} +.toggle-icon:hover { + background-color: rgba(199, 44, 72, 0.075); +} -[data-toggle="nav"] { - margin-left: auto; } - @media (min-width: 992px) { - [data-toggle="nav"] { - display: none; } } +[data-toggle=nav] { + margin-left: auto; +} +@media (min-width: 992px) { + [data-toggle=nav] { + display: none; + } +} .sidebar { width: 19rem; @@ -749,53 +935,68 @@ video { padding: 2.75rem 1.75rem 1rem 1.75rem; overflow-y: auto; height: 100%; - z-index: 9; } - @media (min-width: 1200px) { - .sidebar { - padding-top: 6.75rem; } } - @media (max-width: 1199px) { - .sidebar { - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - z-index: 11; } } + z-index: 9; +} +@media (min-width: 1200px) { + .sidebar { + padding-top: 7.4rem; + } +} +@media (max-width: 1199px) { + .sidebar { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + z-index: 11; + } +} +.sidebar > .toggle-icon { + position: absolute; + top: 0; + right: 0; +} +@media (min-width: 1200px) { .sidebar > .toggle-icon { - position: absolute; - top: 0.7rem; - right: 0.15rem; } - @media (min-width: 1200px) { - .sidebar > .toggle-icon { - display: none; } } + display: none; + } +} @media (min-width: 1200px) { - .sidebar-toggled .sidebar { + .sidebar-active .sidebar { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); opacity: 0; - pointer-events: none; } } - + pointer-events: none; + } +} @media (max-width: 1199px) { - .sidebar-toggled .sidebar { + .sidebar-active .sidebar { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; pointer-events: all; -webkit-box-shadow: 0.25rem 0 0.75rem rgba(0, 0, 0, 0.1); - box-shadow: 0.25rem 0 0.75rem rgba(0, 0, 0, 0.1); } } + box-shadow: 0.25rem 0 0.75rem rgba(0, 0, 0, 0.1); + } +} .sidebar__title { margin: -0.25rem 0 1.5rem; - line-height: 100%; } - .sidebar__title > a { - line-height: 100%; - color: #1C1C1C; - font-size: 0.9rem; - text-transform: uppercase; - font-weight: 500; } - .sidebar__title > a:hover { - color: #1C1C1C; } + line-height: 100%; +} +.sidebar__title > a { + line-height: 100%; + color: #1C1C1C; + font-size: 0.9rem; + text-transform: uppercase; + font-weight: 500; +} +.sidebar__title > a:hover { + color: #1C1C1C; +} .search { - margin-bottom: 0.8rem; } + margin-bottom: 0.8rem; +} .search__text { -webkit-appearance: none; @@ -810,89 +1011,119 @@ video { padding: 0 1rem 0.1rem 2.6rem; background: url(../img/icons/search.svg) no-repeat center left 1rem; background-color: #ffffff; - border-radius: 0.1875rem; } - .search__text:focus { - border-color: #cacaca; } + border-radius: 0.1875rem; +} +.search__text:focus { + border-color: #cacaca; +} .docs { - margin-right: -0.65rem; } - .docs ul { - list-style: none; - padding: 0; - margin: 0.5rem 0 0.5rem 0; - font-size: .90rem; } - .docs ul > li { - margin: 0.5rem 0 0.5rem 0; } - .docs ul > li > a, .docs ul > li > a > code { - all: unset; } - .docs ul > li > a:hover { - border: 0; - cursor: pointer; } - .docs ul > li.active > a { - color: #C72C48; - font-weight: 500; } - .docs ul > li.active-parent > a { - color: #494949; - font-weight: 500; } - .docs ul > li > ul > li { - margin: 0.5rem 0 0.5rem 0.5rem; - font-size: 0.85rem; } + margin-right: -0.65rem; +} +.docs ul { + list-style: none; + padding: 0; + margin: 0.5rem 0 0.5rem 0; + font-size: 0.9rem; +} +.docs ul > li { + margin: 0.5rem 0 0.5rem 0; +} +.docs ul > li > a, .docs ul > li > a > code { + all: unset; +} +.docs ul > li > a:hover { + border: 0; + cursor: pointer; +} +.docs ul > li.active > a { + color: #C72C48; + font-weight: 500; +} +.docs ul > li.active-parent > a { + color: #494949; + font-weight: 500; +} +.docs ul > li > ul > li { + margin: 0.5rem 0 0.5rem 0.5rem; + font-size: 0.85rem; +} #localtoc { - font-size: 0.8rem; } + font-size: 0.8rem; +} #table-of-contents { background: none; border-style: none; padding: 1.75rem 1.75rem 1.15rem 1.75rem; - margin: 0; } - @media (min-width: 992px) { - #table-of-contents { - width: 13rem; } } - #table-of-contents .topic-title { - margin: 0; - font-weight: 500; - color: #000000; } - #table-of-contents ul { - list-style: none; - margin: 10px 0px 10px 0px; } - #table-of-contents ul > li { - list-style: none; - margin: 10px 0px 10px 0px; } - #table-of-contents ul > li > p a.reference { - text-decoration: none; - border-bottom: none; - color: #1C1C1C; } - #table-of-contents ul > li > ul { - margin: 10px 0px 10px 10px; } + margin: 0; +} +@media (min-width: 992px) { + #table-of-contents { + width: 13rem; + } +} +#table-of-contents .topic-title { + margin: 0; + font-weight: 500; + color: #000000; +} +#table-of-contents ul { + list-style: none; + margin: 10px 0px 10px 0px; +} +#table-of-contents ul > li { + list-style: none; + margin: 10px 0px 10px 0px; +} +#table-of-contents ul > li > p a.reference { + text-decoration: none; + border-bottom: none; + color: #1C1C1C; +} +#table-of-contents ul > li > ul { + margin: 10px 0px 10px 10px; +} .toggle-icon--docs { - background-image: url(../img/icons/docs.svg); } + background-image: url(../img/icons/docs.svg); +} .toggle-icon--menu { - background-image: url(../img/icons/menu.svg); } + background-image: url(../img/icons/menu.svg); +} .toggle-icon--close { - background-image: url(../img/icons/close-circle.svg); } + background-image: url(../img/icons/close-circle.svg); +} .toggle-icon--toc { - background-image: url(../img/icons/toc.svg); } + background-image: url(../img/icons/toc.svg); +} .scrollbar { scrollbar-color: transparent transparent; - scrollbar-width: thin; } - .scrollbar:hover { - scrollbar-color: #dddddd transparent; } - .scrollbar:hover::-webkit-scrollbar-thumb { - background-color: #dddddd; } - .scrollbar::-webkit-scrollbar { - width: 12px; } - .scrollbar::-webkit-scrollbar-track { - background-color: transparent; } - .scrollbar::-webkit-scrollbar-thumb { - background-color: transparent; - border-radius: 1rem; - border: 3px solid transparent; - background-clip: content-box; } - .scrollbar::-webkit-scrollbar-thumb:hover { - background-color: #cecece; } + scrollbar-width: thin; +} +.scrollbar:hover { + scrollbar-color: #dddddd transparent; +} +.scrollbar:hover::-webkit-scrollbar-thumb { + background-color: #dddddd; +} +.scrollbar::-webkit-scrollbar { + width: 12px; +} +.scrollbar::-webkit-scrollbar-track { + background-color: transparent; +} +.scrollbar::-webkit-scrollbar-thumb { + background-color: transparent; + border-radius: 1rem; + border: 3px solid transparent; + background-clip: content-box; +} +.scrollbar::-webkit-scrollbar-thumb:hover { + background-color: #cecece; +} \ No newline at end of file diff --git a/source/_static/css/main.min.css b/source/_static/css/main.min.css index 77e3f322..2d514ba7 100644 --- a/source/_static/css/main.min.css +++ b/source/_static/css/main.min.css @@ -1 +1 @@ -:root{--sd-color-tabs-label-active:#C72C48;--sd-color-tabs-label-inactive:rgba(199, 44, 72, 0.5);--sd-color-tabs-overline:rgba(199, 44, 72, 0.5);--sd-color-tabs-underline:rgba(199, 44, 72, 0.25)}@font-face{font-family:Mark;src:url(../fonts/Mark-Regular.woff2) format("woff2"),url(../fonts/Mark-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Mark;src:url(../fonts/Mark-Medium.woff2) format("woff2"),url(../fonts/Mark-Medium.woff) format("woff");font-weight:500;font-style:normal}html{line-height:1.35;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:.9em}a{background-color:transparent;text-decoration:none}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:700}code,kbd,samp{font-family:monospace,monospace;font-size:.9em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button[disabled]{cursor:default}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}address{font-style:normal;color:inherit;margin:0}*{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:active,:focus{outline:0}html{font-size:16px}body{all:unset;font-family:Mark,sans-serif;font-size:1rem;line-height:1.5;color:#4b4b4b;background-color:#f9f9f9;font-weight:400;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}a{color:#0045ec;text-decoration:none}a:hover{color:#0036b9;text-decoration:none}a>img.anchor{-webkit-box-shadow:none;box-shadow:none;height:1rem}a.reference{text-decoration:none;border-bottom:none}h1,h2,h3,h4,h5,h6{color:#1c1c1c;position:relative}h1>.toc-backref,h2>.toc-backref,h3>.toc-backref,h4>.toc-backref,h5>.toc-backref,h6>.toc-backref{color:#1c1c1c}h1>.headerlink,h2>.headerlink,h3>.headerlink,h4>.headerlink,h5>.headerlink,h6>.headerlink{position:absolute;left:-1.5rem;top:0;opacity:.5}h1>.headerlink:hover,h2>.headerlink:hover,h3>.headerlink:hover,h4>.headerlink:hover,h5>.headerlink:hover,h6>.headerlink:hover{background-color:transparent;opacity:1}dl>dt{font-weight:700}li dl.simple{font-weight:400}li dl.simple dt{font-weight:400}li dl.simple dd{margin-left:0}div.admonition{margin-top:0;padding:10px 20px;background:rgba(0,0,0,.01);border:none;border-left:4px solid grey}div.admonition>p.admonition-title{font-weight:700;font-family:Mark,sans-serif;font-size:1rem}div.admonition.warning{background-color:#fff2f2;border:none;border-left:4px solid #e54253}div.admonition.important{background-color:#fff9e6;border:none;border-left:4px solid #edbc39}div.admonition.note{background-color:#edf9ff;border:none;border-left:4px solid #2592ef}dl{margin:10px 0 10px 0}dl.minio{margin:10px 0 10px 0}div.footer{width:auto;margin:0}.align-default{text-align:left}table.docutils{border:none;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none}table.docutils>tbody tr th.stub{border:none;border-bottom:1px solid #e6e6e6;color:#c72c48;font-size:.9rem}table.docutils>thead tr th{border:none;border-bottom:1px solid #e6e6e6;font-size:1rem;color:#c72c48;font-size:.9rem}table.docutils>tbody tr td{border:none;border-bottom:1px solid #e6e6e6}table.docutils>tbody tr td>p{font-size:.9rem}.sphinx-tabs-tab{color:rgba(0,0,0,.5);background:0 0;border:none;padding:0 20px 10px 20px}.sphinx-tabs-tab[aria-selected=true]{color:#c72c48;font-weight:700;border-bottom:.15em solid #c72c48;pointer-events:none}button.toggle-button{width:1.25em;height:1.25em}button.toggle-button.toggle-button-hidden:before{left:-7em}button.toggle-button>.bar{width:14px;left:13%}.xref{color:#c72c48}.content__main img{-webkit-box-shadow:0 0 5px #d3d3d3;box-shadow:0 0 5px #d3d3d3}ul.simple li{margin:0 0 10px 0}video{display:block;margin-left:auto;margin-right:auto}.content{overflow-y:auto;overflow-x:hidden;-ms-flex-wrap:nowrap;flex-wrap:nowrap;height:calc(100vh - 5rem)}@media (min-width:992px){.content{display:-webkit-box;display:-ms-flexbox;display:flex}}.content__main{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;background-color:#fff;-ms-flex-item-align:start;align-self:flex-start;padding:1.75rem}@media (min-width:1200px){.content__main{padding-left:20.75rem;-webkit-transition:padding-left .3s;transition:padding-left .3s;will-change:padding-left}}.sidebar-toggled .content__main{padding-left:1.75rem}@media (min-width:992px){.content__aside{-ms-flex-negative:0;flex-shrink:0;position:sticky;top:0;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}}.content__right{position:sticky;top:0;overflow:scroll}:root{--nav-text-color:#000000;--nav-item-border-color:#000000;--nav-item-arrow:url(../img/icons/nav-arrow.svg);--nav-toggle-hover-border-color:#000000;--nav-bg-gray:#f8f8f8;--header-bg:#ffffff}.header{height:5rem;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-shadow:0 0 .75rem rgba(0,0,0,.1);box-shadow:0 0 .75rem rgba(0,0,0,.1);width:100%;z-index:10;-ms-flex-negative:0;flex-shrink:0;display:flex;align-items:center;padding:0 1.25rem}.logo{-ms-flex-negative:0;flex-shrink:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin-left:.75rem}.logo>img{height:1.05rem;-webkit-box-shadow:none;box-shadow:none}.nav{z-index:1;-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s;margin-left:auto;font-size:.9375rem}@media (min-width:992px){.nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media (max-width:991px){.nav{height:100vh;width:300px;position:fixed;right:0;top:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-transform:translate3d(300px,0,0);transform:translate3d(300px,0,0);opacity:0;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1);overflow-y:auto;background-color:#fff;padding-top:2.5rem}}.nav>.toggle-icon{position:absolute;top:.7rem;right:.7rem}@media (min-width:992px){.nav>.toggle-icon{display:none}}@media (max-width:991px){.nav-toggled .nav{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;z-index:100}}.nav__item:hover .nav__dropdown,.nav__item:hover~.nav__dropdown--product{opacity:1;pointer-events:auto}.nav__item:hover .nav__link--dropdown>span:before{opacity:0}@media (min-width:992px){.nav__item .nav__link{margin-right:.75rem;background:var(--nav-item-arrow) no-repeat top 2.45rem right .25rem}.nav__item .nav__link:after{opacity:0;pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box;left:50%;margin-left:-3px;content:"";width:0;height:0;border-style:solid;border-width:0 6px 4px;border-color:transparent transparent #fff;position:absolute;bottom:1rem;-webkit-transition:opacity .2s;transition:opacity .2s;z-index:2}.nav__item:hover .nav__link:after{opacity:1}}.nav__link{position:relative}.nav__link,.nav__link:hover{color:var(--nav-text-color)}@media (min-width:992px){.nav__link{padding:0 1.25rem;margin-left:.25rem;cursor:pointer}.nav__link:not(.nav__link--download){height:5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.nav__link>span{position:relative}.nav__link>span:before{height:1px;width:100%;background-color:var(--nav-item-border-color);position:absolute;bottom:-8px;left:0;content:"";-webkit-transform:translateY(5px);transform:translateY(5px);opacity:0;-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s}.nav__link:not(.nav__link--dropdown):hover>span:before{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@media (max-width:991px){.nav__link{font-weight:500;color:#000}.nav__link>span{display:block;padding:.5rem 1.5rem}}.nav__link--active>span:before{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.nav__link--download{border:1px solid #c72c48;-webkit-transition:background-color .3s,color .3s;transition:background-color .3s,color .3s;border-radius:.1875rem;padding:.5rem 1.25rem .6rem}.nav__link--download:hover{background-color:#c72c48;color:#fff}@media (max-width:991px){.nav__link--download{margin:1.5rem;text-align:center;padding:.5rem 1rem;display:block}}@media (min-width:992px){.nav__dropdown{width:385px;-webkit-transform:translateX(calc(-50% + 3rem));transform:translateX(calc(-50% + 3rem));position:absolute;left:0;top:4rem;opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s;pointer-events:none;border-radius:.3125rem;overflow:hidden;-webkit-box-shadow:0 .0625rem 1.25rem rgba(0,0,0,.13);box-shadow:0 .0625rem 1.25rem rgba(0,0,0,.13);background-color:#fff;z-index:1}.nav__dropdown .nav__dropdown__inner{padding:1.5rem;max-height:calc(100vh - 5rem);overflow-y:auto;border-radius:.3125rem}}@media (max-width:991px){.nav__dropdown .nav__dropdown__inner{background-color:var(--nav-bg-gray);padding:.5rem .8rem;margin-bottom:1rem}}@media (min-width:992px){.nav__dropdown--product{width:calc(100% - 3.5rem);max-width:1200px;-webkit-transform:translateX(0);transform:translateX(0);left:auto;right:1.75rem}.nav__dropdown--product:hover{opacity:1;pointer-events:auto}.nav__dropdown--product .nav__dropdown__inner{padding:2.5rem 2.25rem}}.nav__sub{padding:.6rem .75rem;font-weight:500;color:#000;border-radius:.1875rem}@media (max-width:991px){.nav__sub{font-size:.85rem;font-weight:400}}.nav__sub,.nav__sub>small{display:block}.nav__sub>small{color:#4b4b4b;font-weight:400;font-size:.8rem;opacity:.75;margin-top:.25rem}@media (max-width:991px){.nav__sub>small{display:none}}.nav__sub:hover{background-color:var(--nav-bg-gray);color:#000}@media (min-width:992px){.nav__feature{display:-webkit-box;display:-ms-flexbox;display:flex}}@media (min-width:992px){.nav__column{padding:0 1rem}.nav__column:not(:first-child){-webkit-box-flex:1;-ms-flex:1;flex:1}.nav__column:first-child>.nav__sub{margin-top:1rem}}.nav__column__title{text-transform:uppercase;font-size:.6rem;padding-left:.75rem;margin-bottom:.5rem;line-height:100%}@media (max-width:991px){.nav__column__title{margin-top:1rem}}.nav__lead{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.nav__lead,.nav__lead:hover{color:#000}.nav__lead>img{width:30px;-ms-flex-negative:0;flex-shrink:0;margin-right:.75rem}@media (max-width:991px){.nav__lead>img{display:none}}@media (min-width:992px){.nav__jump{padding-left:2.6rem;margin-top:-.2rem}.nav__jump>a{font-weight:400;display:block;font-size:.8rem;margin-top:.5rem}.nav__jump>a,.nav__jump>a:hover{color:#000}.nav__jump>a:hover{text-decoration:underline}}@media (max-width:991px){.nav__jump{display:none}}.nav__seperator{border-left:1px solid var(--nav-bg-gray);margin:0 1rem}@media (max-width:991px){.nav__seperator{display:none}}.toggle-icon{width:2.5rem;height:2.5rem;cursor:pointer;border-radius:.1875rem;-webkit-transition:background-color .3s;transition:background-color .3s;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;flex-shrink:0;background-repeat:no-repeat;background-position:center}.toggle-icon:hover{background-color:rgba(199,44,72,.075)}[data-toggle=nav]{margin-left:auto}@media (min-width:992px){[data-toggle=nav]{display:none}}.sidebar{width:19rem;position:fixed;left:0;top:0;background-color:#f9f9f9;-webkit-transition:opacity .4s,-webkit-transform .3s;transition:opacity .4s,-webkit-transform .3s;transition:opacity .4s,transform .3s;transition:opacity .4s,transform .3s,-webkit-transform .3s;padding:2.75rem 1.75rem 1rem 1.75rem;overflow-y:auto;height:100%;z-index:9}@media (min-width:1200px){.sidebar{padding-top:6.75rem}}@media (max-width:1199px){.sidebar{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);z-index:11}}.sidebar>.toggle-icon{position:absolute;top:.7rem;right:.15rem}@media (min-width:1200px){.sidebar>.toggle-icon{display:none}}@media (min-width:1200px){.sidebar-toggled .sidebar{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0;pointer-events:none}}@media (max-width:1199px){.sidebar-toggled .sidebar{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;pointer-events:all;-webkit-box-shadow:.25rem 0 .75rem rgba(0,0,0,.1);box-shadow:.25rem 0 .75rem rgba(0,0,0,.1)}}.sidebar__title{margin:-.25rem 0 1.5rem;line-height:100%}.sidebar__title>a{line-height:100%;color:#1c1c1c;font-size:.9rem;text-transform:uppercase;font-weight:500}.sidebar__title>a:hover{color:#1c1c1c}.search{margin-bottom:.8rem}.search__text{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #f0f0f0;height:2.65rem;background-color:#fff;color:#555;font-size:.85rem;width:100%;padding:0 1rem .1rem 2.6rem;background:url(../img/icons/search.svg) no-repeat center left 1rem;background-color:#fff;border-radius:.1875rem}.search__text:focus{border-color:#cacaca}.docs{margin-right:-.65rem}.docs ul{list-style:none;padding:0;margin:.5rem 0 .5rem 0;font-size:.9rem}.docs ul>li{margin:.5rem 0 .5rem 0}.docs ul>li>a,.docs ul>li>a>code{all:unset}.docs ul>li>a:hover{border:0;cursor:pointer}.docs ul>li.active>a{color:#c72c48;font-weight:500}.docs ul>li.active-parent>a{color:#494949;font-weight:500}.docs ul>li>ul>li{margin:.5rem 0 .5rem .5rem;font-size:.85rem}#localtoc{font-size:.8rem}#table-of-contents{background:0 0;border-style:none;padding:1.75rem 1.75rem 1.15rem 1.75rem;margin:0}@media (min-width:992px){#table-of-contents{width:13rem}}#table-of-contents .topic-title{margin:0;font-weight:500;color:#000}#table-of-contents ul{list-style:none;margin:10px 0 10px 0}#table-of-contents ul>li{list-style:none;margin:10px 0 10px 0}#table-of-contents ul>li>p a.reference{text-decoration:none;border-bottom:none;color:#1c1c1c}#table-of-contents ul>li>ul{margin:10px 0 10px 10px}.toggle-icon--docs{background-image:url(../img/icons/docs.svg)}.toggle-icon--menu{background-image:url(../img/icons/menu.svg)}.toggle-icon--close{background-image:url(../img/icons/close-circle.svg)}.toggle-icon--toc{background-image:url(../img/icons/toc.svg)}.scrollbar{scrollbar-color:transparent transparent;scrollbar-width:thin}.scrollbar:hover{scrollbar-color:#ddd transparent}.scrollbar:hover::-webkit-scrollbar-thumb{background-color:#ddd}.scrollbar::-webkit-scrollbar{width:12px}.scrollbar::-webkit-scrollbar-track{background-color:transparent}.scrollbar::-webkit-scrollbar-thumb{background-color:transparent;border-radius:1rem;border:3px solid transparent;background-clip:content-box}.scrollbar::-webkit-scrollbar-thumb:hover{background-color:#cecece} \ No newline at end of file +:root{--sd-color-tabs-label-active:#C72C48;--sd-color-tabs-label-inactive:rgba(199, 44, 72, 0.5);--sd-color-tabs-overline:rgba(199, 44, 72, 0.5);--sd-color-tabs-underline:rgba(199, 44, 72, 0.25)}@font-face{font-family:Mark;src:url(../fonts/Mark-Regular.woff2) format("woff2"),url(../fonts/Mark-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Mark;src:url(../fonts/Mark-Medium.woff2) format("woff2"),url(../fonts/Mark-Medium.woff) format("woff");font-weight:500;font-style:normal}html{line-height:1.35;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:.9em}a{background-color:transparent;text-decoration:none}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:700}code,kbd,samp{font-family:monospace,monospace;font-size:.9em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button[disabled]{cursor:default}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}address{font-style:normal;color:inherit;margin:0}*{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:active,:focus{outline:0}html{font-size:16px}body{all:unset;font-family:Mark,sans-serif;font-size:1rem;line-height:1.5;color:#4b4b4b;background-color:#f9f9f9;font-weight:400;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}a{color:#0045ec;text-decoration:none}a:hover{color:#0036b9;text-decoration:none}a>img.anchor{-webkit-box-shadow:none;box-shadow:none;height:1rem}a.reference{text-decoration:none;border-bottom:none}h1,h2,h3,h4,h5,h6{color:#1c1c1c;position:relative}h1>.toc-backref,h2>.toc-backref,h3>.toc-backref,h4>.toc-backref,h5>.toc-backref,h6>.toc-backref{color:#1c1c1c}h1>.headerlink,h2>.headerlink,h3>.headerlink,h4>.headerlink,h5>.headerlink,h6>.headerlink{position:absolute;left:-1.5rem;top:0;opacity:.5}h1>.headerlink:hover,h2>.headerlink:hover,h3>.headerlink:hover,h4>.headerlink:hover,h5>.headerlink:hover,h6>.headerlink:hover{background-color:transparent;opacity:1}dl>dt{font-weight:700}li dl.simple{font-weight:400}li dl.simple dt{font-weight:400}li dl.simple dd{margin-left:0}div.admonition{margin-top:0;padding:10px 20px;background:rgba(0,0,0,.01);border:none;border-left:4px solid grey}div.admonition>p.admonition-title{font-weight:700;font-family:Mark,sans-serif;font-size:1rem}div.admonition.warning{background-color:#fff2f2;border:none;border-left:4px solid #e54253}div.admonition.important{background-color:#fff9e6;border:none;border-left:4px solid #edbc39}div.admonition.note{background-color:#edf9ff;border:none;border-left:4px solid #2592ef}dl{margin:10px 0 10px 0}dl.minio{margin:10px 0 10px 0}div.footer{width:auto;margin:0}.align-default{text-align:left}table.docutils{border:none;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none}table.docutils>tbody tr th.stub{border:none;border-bottom:1px solid #e6e6e6;color:#c72c48;font-size:.9rem}table.docutils>thead tr th{border:none;border-bottom:1px solid #e6e6e6;font-size:1rem;color:#c72c48;font-size:.9rem}table.docutils>tbody tr td{border:none;border-bottom:1px solid #e6e6e6}table.docutils>tbody tr td>p{font-size:.9rem}.sphinx-tabs-tab{color:rgba(0,0,0,.5);background:0 0;border:none;padding:0 20px 10px 20px}.sphinx-tabs-tab[aria-selected=true]{color:#c72c48;font-weight:700;border-bottom:.15em solid #c72c48;pointer-events:none}button.toggle-button{width:1.25em;height:1.25em}button.toggle-button.toggle-button-hidden:before{left:-7em}button.toggle-button>.bar{width:14px;left:13%}.xref{color:#c72c48}.content__main img{-webkit-box-shadow:0 0 5px #d3d3d3;box-shadow:0 0 5px #d3d3d3}ul.simple li{margin:0 0 10px 0}video{display:block;margin-left:auto;margin-right:auto}.content{overflow-y:auto;overflow-x:hidden;-ms-flex-wrap:nowrap;flex-wrap:nowrap;height:calc(100vh - 5.65rem)}@media (min-width:992px){.content{display:-webkit-box;display:-ms-flexbox;display:flex}}.content__main{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;background-color:#fff;-ms-flex-item-align:start;align-self:flex-start;padding:1.75rem}@media (min-width:1200px){.content__main{padding-left:20.75rem;-webkit-transition:padding-left .3s;transition:padding-left .3s;will-change:padding-left}}.sidebar-active .content__main{padding-left:1.75rem}@media (min-width:992px){.content__aside{-ms-flex-negative:0;flex-shrink:0;position:sticky;top:0;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}}.content__right{position:sticky;top:0;overflow:scroll}:root{--nav-text-color:#000000;--nav-item-border-color:#000000;--nav-item-arrow:url(../img/icons/nav-arrow.svg);--nav-toggle-hover-border-color:#000000;--nav-bg-gray:#f8f8f8;--header-bg:#ffffff;--nav-top-border-color:#dedede}.header{height:5.65rem;background-color:#fff;-webkit-box-shadow:0 0 .75rem rgba(0,0,0,.1);box-shadow:0 0 .75rem rgba(0,0,0,.1);width:100%;z-index:10;-ms-flex-negative:0;flex-shrink:0;padding:0 1.75rem}@media (max-width:991px){.header{height:4.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 1.25rem}}.logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (min-width:992px){.logo{position:absolute;left:1.3rem;top:0;z-index:1}}.logo__link{margin-left:.5rem}.nav{z-index:1;-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s;font-size:.9375rem}@media (max-width:991px){.nav{height:100vh;width:300px;position:fixed;right:0;top:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-transform:translate3d(300px,0,0);transform:translate3d(300px,0,0);opacity:0;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1);overflow-y:auto;background-color:#fff}}@media (min-width:992px){.nav>.toggle-icon{display:none}}.nav__bottom,.nav__top{-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;gap:2rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}@media (min-width:992px){.nav__bottom,.nav__top{display:-webkit-box;display:-ms-flexbox;display:flex;margin:.25rem 0}}.nav__top{border-bottom:1px solid var(--nav-top-border-color)}@media (max-width:991px){.nav__top{border-bottom:1px solid #f7f7f7;padding-bottom:1rem;margin-bottom:1rem}}.nav__top .nav__link{font-size:.8125rem}@media (max-width:991px){.nav-active{z-index:1000}.nav-active .nav{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;z-index:100}}.nav__item:hover .nav__dropdown,.nav__item:hover~.nav__dropdown--product{opacity:1;pointer-events:auto}.nav__item:hover .nav__link--dropdown>span:before{opacity:0}@media (min-width:992px){.nav__item .nav__link{padding-right:1.25rem;background:var(--nav-item-arrow) no-repeat top 20px right .25rem}.nav__item .nav__link:after{opacity:0;pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box;left:50%;margin-left:-3px;content:"";width:0;height:0;border-style:solid;border-width:0 6px 4px;border-color:transparent transparent #fff;position:absolute;bottom:-2px;-webkit-transition:opacity .2s;transition:opacity .2s;z-index:2}.nav__item:hover .nav__link:after{opacity:1}}.nav__link{position:relative}.nav__link,.nav__link:hover{color:var(--nav-text-color)}@media (min-width:992px){.nav__link{padding:.5rem 0 .6rem;cursor:pointer}.nav__link>span{position:relative}.nav__link>span:before{height:1px;width:100%;background-color:var(--nav-item-border-color);position:absolute;bottom:-4px;left:0;content:"";-webkit-transform:translateY(5px);transform:translateY(5px);opacity:0;-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s}.nav__link:not(.nav__link--dropdown):hover>span:before{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@media (max-width:991px){.nav__link{font-weight:500;color:#000}.nav__link>span{display:block;padding:.5rem 1.5rem}}.nav__link--active>span:before{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.nav__link--download{border:1px solid #c72c48;-webkit-transition:background-color .3s,color .3s;transition:background-color .3s,color .3s;border-radius:.1875rem;padding:.2rem .95rem .3rem;margin-left:auto}.nav__link--download:hover{background-color:#c72c48;color:#fff}@media (max-width:991px){.nav__link--download{margin:1.5rem;text-align:center;padding:.5rem 1rem;display:block}}@media (min-width:992px){.nav__dropdown{width:365px;-webkit-transform:translateX(calc(-50% + 3rem));transform:translateX(calc(-50% + 3rem));position:absolute;left:0;top:2.65rem;opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s;pointer-events:none;border-radius:.3125rem;overflow:hidden;-webkit-box-shadow:0 .0625rem 1.25rem rgba(0,0,0,.13);box-shadow:0 .0625rem 1.25rem rgba(0,0,0,.13);background-color:#fff;z-index:1}.nav__dropdown .nav__dropdown__inner{padding:1.5rem;max-height:calc(100vh - 5rem);overflow-y:auto;border-radius:.3125rem}}@media (max-width:991px){.nav__dropdown .nav__dropdown__inner{background-color:var(--nav-bg-gray);padding:.5rem .8rem;margin-bottom:1rem}}@media (min-width:992px){.nav__dropdown--product{max-width:1200px;width:100%;-webkit-transform:translateX(0);transform:translateX(0);left:0}.nav__dropdown--product:hover{opacity:1;pointer-events:auto}.nav__dropdown--product .nav__dropdown__inner{padding:2.5rem 2.25rem}}.nav__sub{padding:.6rem .75rem;font-weight:500;color:#000;border-radius:.1875rem}@media (max-width:991px){.nav__sub{font-size:.85rem;font-weight:400}}.nav__sub,.nav__sub>small{display:block}.nav__sub>small{color:#4b4b4b;font-weight:400;font-size:.8rem;opacity:.75;margin-top:.25rem}@media (max-width:991px){.nav__sub>small{display:none}}.nav__sub:hover{background-color:var(--nav-bg-gray);color:#000}@media (min-width:992px){.nav__feature{display:-webkit-box;display:-ms-flexbox;display:flex}}@media (min-width:992px){.nav__column{padding:0 1rem}.nav__column:not(:last-child){-webkit-box-flex:1;-ms-flex:1;flex:1}.nav__column:last-child>.nav__sub{margin-top:1rem}}.nav__column__title{text-transform:uppercase;font-size:.6rem;padding-left:.75rem;margin-bottom:.5rem;line-height:100%}@media (max-width:991px){.nav__column__title{margin-top:1rem}}.nav__lead{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.nav__lead,.nav__lead:hover{color:#000}.nav__lead>img{width:30px;-ms-flex-negative:0;flex-shrink:0;margin-right:.75rem}@media (max-width:991px){.nav__lead>img{display:none}}@media (min-width:992px){.nav__jump{padding-left:2.6rem;margin-top:-.2rem}.nav__jump>a{font-weight:400;display:block;font-size:.8rem;margin-top:.5rem}.nav__jump>a,.nav__jump>a:hover{color:#000}.nav__jump>a:hover{text-decoration:underline}}@media (max-width:991px){.nav__jump{display:none}}.nav__separator{border-left:1px solid #f7f7f7;margin:0 1rem}@media (max-width:991px){.nav__separator{display:none}}.toggle-icon{width:2.5rem;height:2.5rem;cursor:pointer;border-radius:.1875rem;-webkit-transition:background-color .3s;transition:background-color .3s;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;flex-shrink:0;background-repeat:no-repeat;background-position:center}.toggle-icon:hover{background-color:rgba(199,44,72,.075)}[data-toggle=nav]{margin-left:auto}@media (min-width:992px){[data-toggle=nav]{display:none}}.sidebar{width:19rem;position:fixed;left:0;top:0;background-color:#f9f9f9;-webkit-transition:opacity .4s,-webkit-transform .3s;transition:opacity .4s,-webkit-transform .3s;transition:opacity .4s,transform .3s;transition:opacity .4s,transform .3s,-webkit-transform .3s;padding:2.75rem 1.75rem 1rem 1.75rem;overflow-y:auto;height:100%;z-index:9}@media (min-width:1200px){.sidebar{padding-top:7.4rem}}@media (max-width:1199px){.sidebar{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);z-index:11}}.sidebar>.toggle-icon{position:absolute;top:0;right:0}@media (min-width:1200px){.sidebar>.toggle-icon{display:none}}@media (min-width:1200px){.sidebar-active .sidebar{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0;pointer-events:none}}@media (max-width:1199px){.sidebar-active .sidebar{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;pointer-events:all;-webkit-box-shadow:.25rem 0 .75rem rgba(0,0,0,.1);box-shadow:.25rem 0 .75rem rgba(0,0,0,.1)}}.sidebar__title{margin:-.25rem 0 1.5rem;line-height:100%}.sidebar__title>a{line-height:100%;color:#1c1c1c;font-size:.9rem;text-transform:uppercase;font-weight:500}.sidebar__title>a:hover{color:#1c1c1c}.search{margin-bottom:.8rem}.search__text{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #f0f0f0;height:2.65rem;background-color:#fff;color:#555;font-size:.85rem;width:100%;padding:0 1rem .1rem 2.6rem;background:url(../img/icons/search.svg) no-repeat center left 1rem;background-color:#fff;border-radius:.1875rem}.search__text:focus{border-color:#cacaca}.docs{margin-right:-.65rem}.docs ul{list-style:none;padding:0;margin:.5rem 0 .5rem 0;font-size:.9rem}.docs ul>li{margin:.5rem 0 .5rem 0}.docs ul>li>a,.docs ul>li>a>code{all:unset}.docs ul>li>a:hover{border:0;cursor:pointer}.docs ul>li.active>a{color:#c72c48;font-weight:500}.docs ul>li.active-parent>a{color:#494949;font-weight:500}.docs ul>li>ul>li{margin:.5rem 0 .5rem .5rem;font-size:.85rem}#localtoc{font-size:.8rem}#table-of-contents{background:0 0;border-style:none;padding:1.75rem 1.75rem 1.15rem 1.75rem;margin:0}@media (min-width:992px){#table-of-contents{width:13rem}}#table-of-contents .topic-title{margin:0;font-weight:500;color:#000}#table-of-contents ul{list-style:none;margin:10px 0 10px 0}#table-of-contents ul>li{list-style:none;margin:10px 0 10px 0}#table-of-contents ul>li>p a.reference{text-decoration:none;border-bottom:none;color:#1c1c1c}#table-of-contents ul>li>ul{margin:10px 0 10px 10px}.toggle-icon--docs{background-image:url(../img/icons/docs.svg)}.toggle-icon--menu{background-image:url(../img/icons/menu.svg)}.toggle-icon--close{background-image:url(../img/icons/close-circle.svg)}.toggle-icon--toc{background-image:url(../img/icons/toc.svg)}.scrollbar{scrollbar-color:transparent transparent;scrollbar-width:thin}.scrollbar:hover{scrollbar-color:#ddd transparent}.scrollbar:hover::-webkit-scrollbar-thumb{background-color:#ddd}.scrollbar::-webkit-scrollbar{width:12px}.scrollbar::-webkit-scrollbar-track{background-color:transparent}.scrollbar::-webkit-scrollbar-thumb{background-color:transparent;border-radius:1rem;border:3px solid transparent;background-clip:content-box}.scrollbar::-webkit-scrollbar-thumb:hover{background-color:#cecece} \ No newline at end of file diff --git a/source/_static/js/main.js b/source/_static/js/main.js index 07b8448d..fe52121a 100644 --- a/source/_static/js/main.js +++ b/source/_static/js/main.js @@ -26,7 +26,7 @@ window.addEventListener("DOMContentLoaded", (event) => { // Toggle Sidebars $('body').on('click', '[data-toggle]', function() { var target = $(this).attr('data-toggle'); - target === 'sidebar' ? $('body').removeClass('nav-toggled') : $('body').removeClass('sidebar-toggled'); - $('body').toggleClass(target + '-toggled'); + target === 'sidebar' ? $('body').removeClass('nav-active') : $('body').removeClass('sidebar-active'); + $('body').toggleClass(target + '-active'); }); }); diff --git a/source/_static/scss/includes/_aside.scss b/source/_static/scss/includes/_aside.scss index 736728cd..441bc4a9 100644 --- a/source/_static/scss/includes/_aside.scss +++ b/source/_static/scss/includes/_aside.scss @@ -25,12 +25,12 @@ } position: absolute; - top: 0.7rem; - right: 0.15rem; + top: 0; + right: 0; } } -.sidebar-toggled { +.sidebar-active { .sidebar { @include breakpoint-min(breakpoints(xl)) { transform: translate3d(-100%, 0, 0); diff --git a/source/_static/scss/includes/_base.scss b/source/_static/scss/includes/_base.scss index 634d0f71..871d4ffb 100644 --- a/source/_static/scss/includes/_base.scss +++ b/source/_static/scss/includes/_base.scss @@ -23,6 +23,7 @@ body { font-weight: $font-weight-normal; display: flex; flex-direction: column; + overflow: hidden; } a { diff --git a/source/_static/scss/includes/_header.scss b/source/_static/scss/includes/_header.scss index 8077eef4..d74548da 100644 --- a/source/_static/scss/includes/_header.scss +++ b/source/_static/scss/includes/_header.scss @@ -6,43 +6,46 @@ --nav-toggle-hover-border-color: #{$black}; --nav-bg-gray: #{$nav-sub-hover-bg}; --header-bg: #{$white}; + --nav-top-border-color: #{$gray-200}; } .header { height: $header-height; background-color: $header-bg; - display: flex; - align-items: center; box-shadow: 0 0 0.75rem rgba($black, 0.1); width: 100%; z-index: $z-index-header; flex-shrink: 0; - display: flex; - align-items: center; - padding: 0 1.25rem; + padding: 0 $content-padding; + + @include breakpoint-max(breakpoints(lg)) { + height: $header-height-mobile; + display: flex; + align-items: center; + padding: 0 $content-padding-mobile; + } } .logo { - flex-shrink: 0; - display: inline-flex; - margin-left: 0.75rem; + display: flex; + align-items: center; - &>img { - height: $logo-height; - box-shadow: none; - } + @include breakpoint-min(breakpoints(lg)) { + position: absolute; + left: 1.3rem; + top: 0; + z-index: 1; + } +} + +.logo__link { + margin-left: 0.5rem; } .nav { z-index: 1; transition: opacity 300ms, transform 300ms; - margin-left: auto; - font-size: 0.9375rem; - - @include breakpoint-min(breakpoints(lg)) { - display: flex; - align-items: center; - } + font-size: $font-size-md; @include breakpoint-max(breakpoints(lg)) { height: 100vh; @@ -56,28 +59,52 @@ box-shadow: $nav-mobile-box-shadow; overflow-y: auto; background-color: $nav-mobile-bg; - padding-top: 2.5rem; } & > .toggle-icon { @include breakpoint-min(breakpoints(lg)) { display: none; } - - position: absolute; - top: 0.7rem; - right: 0.7rem; } } -.nav-toggled { - .nav { - @include breakpoint-max(breakpoints(lg)) { - transform: translate3d(0, 0, 0); - opacity: 1; - z-index: $nav-active-z-index; - } - } +.nav__top, +.nav__bottom { + @include breakpoint-min(breakpoints(lg)) { + display: flex; + margin: 0.25rem 0; + } + + align-items: center; + position: relative; + gap: 2rem; + justify-content: flex-end; +} + +.nav__top { + border-bottom: 1px solid var(--nav-top-border-color); + + @include breakpoint-max(breakpoints(lg)) { + border-bottom: 1px solid $gray-100; + padding-bottom: 1rem; + margin-bottom: 1rem; + } + + .nav__link { + font-size: $font-size-sm; + } +} + +.nav-active { + @include breakpoint-max(breakpoints(lg)) { + z-index: 1000; //FIXME + + .nav { + transform: translate3d(0, 0, 0); + opacity: 1; + z-index: $nav-active-z-index; + } + } } .nav__item { @@ -99,8 +126,8 @@ @include breakpoint-min(breakpoints(lg)) { .nav__link { - margin-right: 0.75rem; - background: var(--nav-item-arrow) no-repeat top 2.45rem right 0.25rem; + padding-right: 1.25rem; + background: var(--nav-item-arrow) no-repeat top 20px right 0.25rem; &:after { opacity: 0; @@ -115,7 +142,7 @@ border-width: 0 6px 4px; border-color: transparent transparent #fff; position: absolute; - bottom: 1rem; + bottom: -2px; transition: opacity 200ms; z-index: 2; } @@ -140,15 +167,8 @@ } @include breakpoint-min(breakpoints(lg)) { - padding: 0 1.25rem; - margin-left: 0.25rem; + padding: 0.5rem 0 0.6rem; cursor: pointer; - - &:not(.nav__link--download) { - height: $header-height; - display: flex; - align-items: center; - } & > span { position: relative; @@ -158,7 +178,7 @@ width: 100%; background-color: var(--nav-item-border-color); position: absolute; - bottom: -8px; + bottom: -4px; left: 0; content: ""; transform: translateY(5px); @@ -203,8 +223,9 @@ border: 1px solid $theme-red; transition: background-color 300ms, color 300ms; border-radius: $border-radius; - padding: 0.5rem 1.25rem 0.6rem; - + padding: 0.2rem 0.95rem 0.3rem; + margin-left: auto; + &:hover { background-color: $theme-red; color: $white; @@ -220,11 +241,11 @@ .nav__dropdown { @include breakpoint-min(breakpoints(lg)) { - width: 385px; + width: 365px; transform: translateX(calc(-50% + 3rem)); position: absolute; left: 0; - top: 4rem; + top: 2.65rem; opacity: 0; transition: opacity 200ms; pointer-events: none; @@ -258,11 +279,10 @@ pointer-events: auto; } - width: calc(100% - 3.5rem); max-width: 1200px; + width: 100%; transform: translateX(0); - left: auto; - right: 1.75rem; + left: 0; .nav__dropdown__inner { padding: 2.5rem 2.25rem; @@ -314,11 +334,11 @@ @include breakpoint-min(breakpoints(lg)) { padding: 0 1rem; - &:not(:first-child) { + &:not(:last-child) { flex: 1; } - &:first-child { + &:last-child { & > .nav__sub { margin-top: 1rem; } @@ -387,8 +407,8 @@ } } -.nav__seperator { - border-left: 1px solid var(--nav-bg-gray); +.nav__separator { + border-left: 1px solid $gray-100; margin: 0 1rem; @include breakpoint-max(breakpoints(lg)) { diff --git a/source/_static/scss/includes/_layout.scss b/source/_static/scss/includes/_layout.scss index db666e49..d419ed0d 100644 --- a/source/_static/scss/includes/_layout.scss +++ b/source/_static/scss/includes/_layout.scss @@ -23,7 +23,7 @@ } } -.sidebar-toggled { +.sidebar-active { .content__main { padding-left: $content-padding; } diff --git a/source/_static/scss/includes/_variables.scss b/source/_static/scss/includes/_variables.scss index 3587949c..cefaf052 100644 --- a/source/_static/scss/includes/_variables.scss +++ b/source/_static/scss/includes/_variables.scss @@ -6,6 +6,13 @@ $theme-red-light: rgba($theme-red, 0.5); $theme-red-lighter: rgba($theme-red, 0.25); $theme-hover-bg: rgb(245, 245, 245); +// Gray +$gray-100: #F7F7F7; +$gray-200: #dedede; +$gray-300: #c6c6c6; +$gray-400: #adadad; +$gray-500: #949494; + // Overrides for sphinx-design // https://sphinx-design.readthedocs.io/en/alabaster-theme/css_variables.html @@ -46,10 +53,17 @@ $text-hover-color: darken($text-color, 20%); $text-muted-color: #727272; +// Font size +$font-size-xs: 0.6875rem; +$font-size-sm: 0.8125rem; +$font-size-md: 0.9375rem; + + // Layout $container-width: 95%; $content-bg: $white; -$content-padding: 1.75rem; +$content-padding: 1.75rem; +$content-padding-mobile: 1.25rem; // Font weight @@ -63,7 +77,8 @@ $link-hover-color: #0036b9; // Header -$header-height: 5rem; +$header-height: 5.65rem; +$header-height-mobile: 4.5rem; $header-bg: $white; $logo-height: 1.05rem; diff --git a/source/_templates/layout.html b/source/_templates/layout.html index bf3cfec6..27d661d9 100644 --- a/source/_templates/layout.html +++ b/source/_templates/layout.html @@ -75,23 +75,24 @@ {%- block header %}
- - + + {%- include "top-navigation.html" %}
{%- endblock %} {%- block content %} -
+