diff --git a/public/template/dist/app.css b/public/template/dist/app.css index 98da563..924b525 100644 --- a/public/template/dist/app.css +++ b/public/template/dist/app.css @@ -1,3 +1,3 @@ -@-ms-viewport{width:device-width}/*! modern-normalize | MIT License | https://github.com/sindresorhus/modern-normalize */html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}hr{height:0}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:SFMono-Regular,Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}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{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{padding:0}progress{vertical-align:baseline}[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}summary{display:list-item}body{background:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-weight:400;line-height:1.6;color:#4a5568;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{color:#252930;line-height:1.3;margin-bottom:2rem}h1{margin-top:1.875rem}h1{font-size:1.875rem}@media screen and (min-width: 32.5625rem){h1{font-size:calc(1.875rem + 1.25 * ((100vw - 32.5625rem) / 73.6875))}}@media screen and (min-width: 106.25rem){h1{font-size:3.125rem}}h2{font-size:1.375rem}@media screen and (min-width: 32.5625rem){h2{font-size:calc(1.375rem + 0.8125 * ((100vw - 32.5625rem) / 73.6875))}}@media screen and (min-width: 106.25rem){h2{font-size:2.1875rem}}h3{font-size:1.25rem}@media screen and (min-width: 32.5625rem){h3{font-size:calc(1.25rem + 0.6875 * ((100vw - 32.5625rem) / 73.6875))}}@media screen and (min-width: 106.25rem){h3{font-size:1.9375rem}}h4{font-size:1.125rem}@media screen and (min-width: 32.5625rem){h4{font-size:calc(1.125rem + 0.5625 * ((100vw - 32.5625rem) / 73.6875))}}@media screen and (min-width: 106.25rem){h4{font-size:1.6875rem}}h5{font-size:1rem}@media screen and (min-width: 32.5625rem){h5{font-size:calc(1rem + 0.5625 * ((100vw - 32.5625rem) / 73.6875))}}@media screen and (min-width: 106.25rem){h5{font-size:1.5625rem}}h6{font-size:1rem}@media screen and (min-width: 32.5625rem){h6{font-size:calc(1rem + 0.4375 * ((100vw - 32.5625rem) / 73.6875))}}@media screen and (min-width: 106.25rem){h6{font-size:1.4375rem}}a{text-decoration:none;color:#1c6fdc;transition:color .2s ease-in-out}a:hover{color:#5a99ea}img{display:inline-block;vertical-align:middle;max-width:100%;height:auto;-ms-interpolation-mode:bicubic}p{margin:0 0 .9375rem;line-height:1.6;max-width:80ch}code,kbd,samp,pre{background-color:#ebf1ff;padding:.1rem .25rem;font-size:.775rem;border-radius:.125rem;padding-left:.25rem;padding-right:.25rem;color:#314a97;font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace !important}pre>code{padding:0}code[class*=language-],pre[class*=language-]{border-radius:.5rem;font-size:.775rem !important;line-height:1.5 !important}blockquote{display:block;margin:0 0 .9375rem;padding:.9375rem 1.25rem;background-color:#f9fbfe;border-left:.1875rem solid #5b99ea;color:#4a5568}blockquote a{color:#1c6fdc}blockquote>:last-child{margin-bottom:0}iframe,object,video{max-width:100%}html,body{height:100%;width:100%;background:#fff;scroll-behavior:smooth}.l-app{display:flex;min-height:100vh;flex-direction:column;padding-top:3.75rem;background:#fff}@media print,screen and (min-width: 62.5em){.l-app--has-sidebar{padding-left:20rem}}.l-header{z-index:2;position:fixed;top:0;right:0;left:0;display:flex;align-items:center;justify-content:space-between;height:3.75rem;background:#fff;border-bottom:1px solid #c5d3df;box-shadow:0 1px 4px 0 rgba(0,0,0,.1)}.l-header__logo{flex:auto 0 0;position:relative}@media screen and (min-width: 76.25em){.l-header__logo{flex:20rem 0 0;flex:calc(20rem - 1.875rem) 0 0}}.l-header__search{flex-basis:50%;flex-grow:0;flex-shrink:1;position:relative}@media screen and (min-width: 76.25em){.l-header__search{margin:0 3.125rem 0 4.6875rem}}@media screen and (max-width: 43.74875em){.l-header__search{position:fixed;width:100%;margin:0 !important;top:3.75rem;background:#fff;height:calc(100vh - 2.25rem);padding:0 1rem 1rem 1rem;transform:translateY(100%);transition:transform .4s ease-in-out}}.l-header__versionswitch{margin:0 .9375rem}@media screen and (max-width: 43.74875em){#searchform:target{transform:translateY(0)}}.l-sidebar{outline:none;display:block;position:fixed;top:3.75rem;bottom:0;left:0;width:100%;transform:translateX(-100%);z-index:1;padding:1.875rem 1.25rem .9375rem;background:#f5f7f9;border-right:1px solid #e6ecf1;overflow-y:scroll;-webkit-overflow-scrolling:touch;overflow-x:auto;transition:transform .4s ease-in-out}@media print,screen and (min-width: 62.5em){.l-sidebar{display:block;position:fixed;top:3.75rem;bottom:0;left:0;width:20rem;transform:translateX(0);transition:none}}#nav:target{transform:translateX(0)}.l-main{position:relative;margin:1.875rem 1.25rem .9375rem;flex:1}@media print,screen and (min-width: 43.75em){.l-main{margin:1.875rem 3.125rem .9375rem 4.6875rem}}.l-main__title{max-width:62.5rem}@media screen and (min-width: 76.25em){.l-main__contentwrapper{display:flex;justify-content:flex-start;flex-direction:row}}@media print,screen and (min-width: 43.75em){.l-main__content{padding-right:1.5625rem}}@media screen and (min-width: 76.25em){.l-main__content{flex-basis:80%;flex-grow:0;flex-shrink:1;order:1;min-width:0}}.l-main__content>:first-child{margin-top:0}@media screen and (min-width: 76.25em){.l-main__toc{flex-basis:20%;flex-grow:1;flex-shrink:0;align-self:flex-start;order:2;padding:0 0 0 1.5625rem;top:4.6875rem;position:-webkit-sticky;position:sticky}}.l-footer{flex-basis:100%;flex-shrink:0;order:3;padding:1.875rem .9375rem .9375rem;margin:2.8125rem 0 0;border-top:1px solid #e6ecf1}@media print,screen and (min-width: 43.75em){.l-footer{padding:1.875rem 4.6875rem .9375rem}}@media(max-width: 768px){.o-openmenu{order:4;padding:0 .9375rem 0 .9375rem !important}.o-search,.l-header__search{order:3;margin:0 .475rem 0 auto}.l-header__versionswitch{order:2}.l-header__logo{order:1;max-width:25%}}@media(max-width: 425px){.l-footer{font-size:14px;line-height:1;padding:.9375rem .9375rem}.l-footer .c-footer__nav{display:flex;justify-content:center}.l-footer .c-footer__navlink{padding:.425rem}.l-footer .c-footer__copyright{font-size:14px;line-height:1;padding:.3rem .9375rem 0;text-align:center}}.o-logo{margin:0 .9375rem;padding:0}.o-logo__image{display:block;width:10.625rem;max-width:100%;height:3.75rem;fill:#4a5568}@media print,screen and (min-width: 43.75em){.o-logo__image{width:12.5rem}}.o-docmeta{margin:-0.9375rem 0 1.875rem}.o-sidebar-heading{display:block;margin:0 0 .9375rem;font-size:1.25rem;font-weight:700}.o-openmenu,.o-search{display:block;margin:0;padding:0 .9375rem 0 1.875rem}.o-openmenu__icon,.o-search__icon{display:block;width:1.8125rem;height:3.75rem;fill:#4a5568}@media print,screen and (min-width: 62.5em){.o-openmenu{display:none}}@media print,screen and (min-width: 43.75em){.o-search{display:none}}@media screen and (max-width: 43.74875em){.o-logo{margin:0 .4375rem}.o-search{padding:0 .4375rem}}.o-closemenu{z-index:1;position:absolute;top:.625rem;right:.625rem;display:block;padding:.9375rem .9375rem}@media print,screen and (min-width: 62.5em){.o-closemenu{display:none}}.o-closemenu__icon{display:block;width:1.875rem;height:1.875rem;fill:#3b68af}.c-breadcrumb{margin:0 0 .9375rem}.c-breadcrumb__list{display:flex;flex-direction:row;flex-wrap:wrap;margin:0 -0.3125rem;padding:0;list-style:none}.c-breadcrumb__item{display:block;flex:auto 0 0}.c-breadcrumb__link{display:inline-block;padding:.25rem .3125rem;line-height:1.4;font-size:.875rem;color:#4a5568}.c-breadcrumb__item+.c-breadcrumb__item:before{content:"";display:inline-block;width:.625rem;height:.6875rem;margin-left:.3125rem;margin-right:-0.0625rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 62'%3E%3Cpath fill='%234a5568' fill-rule='nonzero' d='M7.5938.39064L.6562 7.60939l24.25 23.40623-24.25 23.375 6.9376 7.2187 28-26.9999 3.75-3.5938-3.75-3.62498z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% 100%;background-position:center center;opacity:.25}.c-callout{color:#4a5568;display:block;margin:0 0 .9375rem;padding:.9375rem 1.25rem;background-color:#f9fbfe;border-left:.1875rem solid #5b99ea}.c-callout a{color:#1c6fdc}.c-callout__title{display:block;margin:0 0 .3125rem;text-transform:uppercase;letter-spacing:1.1}.c-callout a:hover{color:#5a99ea}.c-callout--info{background-color:#f9fbfe;border-color:#5b99ea}.c-callout--info a{color:#1c6fdc}.c-callout--warning{background-color:#fdf6e5;border-color:#eebf41}.c-callout--warning a{color:#d09c13}.c-callout--alert{background-color:#f5f5f5;border-color:#d26d69}.c-callout--alert a{color:#d26d69}.c-callout--success{background-color:#e7f4eb;border-color:#5cb377}.c-callout--success a{color:#3e8554}code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:bold}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}.command-line-prompt{border-right:1px solid #999;display:block;float:left;font-size:100%;letter-spacing:-1px;margin-right:1em;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.command-line-prompt>span:before{color:#999;content:" ";display:block;padding-right:.8em}.command-line-prompt>span[data-user]:before{content:"[" attr(data-user) "@" attr(data-host) "] $"}.command-line-prompt>span[data-user=root]:before{content:"[" attr(data-user) "@" attr(data-host) "] #"}.command-line-prompt>span[data-prompt]:before{content:attr(data-prompt)}pre[data-line]{position:relative;padding:1em 0 1em 3em}.line-highlight{position:absolute;left:0;right:0;padding:inherit 0;margin-top:1em;background:hsla(24, 20%, 50%, 0.08);background:linear-gradient(to right, hsla(24, 20%, 50%, 0.1) 70%, hsla(24, 20%, 50%, 0));pointer-events:none;line-height:inherit;white-space:pre}.line-highlight:before,.line-highlight[data-end]:after{content:attr(data-start);position:absolute;top:.4em;left:.6em;min-width:1em;padding:0 .5em;background-color:hsla(24, 20%, 50%, 0.4);color:hsl(24, 20%, 95%);font:bold 65%/1.5 sans-serif;text-align:center;vertical-align:.3em;border-radius:999px;text-shadow:none;box-shadow:0 1px white}.line-highlight[data-end]:after{content:attr(data-end);top:auto;bottom:.4em}.line-numbers .line-highlight:before,.line-numbers .line-highlight:after{content:none}pre[id].linkable-line-numbers span.line-numbers-rows{pointer-events:all}pre[id].linkable-line-numbers span.line-numbers-rows>span:before{cursor:pointer}pre[id].linkable-line-numbers span.line-numbers-rows>span:hover:before{background-color:rgba(128, 128, 128, 0.2)}pre[class*=language-].line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.line-numbers-rows>span{display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}div.code-toolbar{position:relative}div.code-toolbar>.toolbar{position:absolute;top:.3em;right:.2em;transition:opacity .3s ease-in-out;opacity:0}div.code-toolbar:hover>.toolbar{opacity:1}div.code-toolbar:focus-within>.toolbar{opacity:1}div.code-toolbar>.toolbar .toolbar-item{display:inline-block}div.code-toolbar>.toolbar a{cursor:pointer}div.code-toolbar>.toolbar button{background:none;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}div.code-toolbar>.toolbar a,div.code-toolbar>.toolbar button,div.code-toolbar>.toolbar span{color:#bbb;font-size:.8em;padding:0 .5em;background:#f5f2f0;background:rgba(224, 224, 224, 0.2);box-shadow:0 2px 0 0 rgba(0, 0, 0, 0.2);border-radius:.5em}div.code-toolbar>.toolbar a:hover,div.code-toolbar>.toolbar a:focus,div.code-toolbar>.toolbar button:hover,div.code-toolbar>.toolbar button:focus,div.code-toolbar>.toolbar span:hover,div.code-toolbar>.toolbar span:focus{color:inherit;text-decoration:none}.token.operator{background:none}.c-footer__grid{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}.c-footer__cell{width:100%}@media print,screen and (min-width: 62.5em){.c-footer__cell{width:auto}}.c-footer__copyright{color:#4a5568}.c-footer__nav{margin:0 -0.625rem;padding:0;list-style:none}.c-footer__navitem{display:inline-block}.c-footer__navlink{display:block;font-weight:700;padding:.625rem;color:#4a5568}.c-footer__navlink:hover{color:#3b68af}.c-nav{margin:0 0 0 -1.25rem;padding:0;list-style:none}.c-nav__item{margin:0;padding:0;list-style:none;font-size:.9375rem;line-height:1.4}.c-nav__item a{position:relative;display:block;margin-bottom:.625rem;padding:0 0 0 1.25rem;text-decoration:none;font-weight:500;color:#475365;transition:all .2s ease}.c-nav__item a:hover{color:#5a99ea;transform:translateX(2px)}.c-nav__item--activepage .c-nav__chevron{top:.35rem}.c-nav__item--activepage>a{position:relative;color:#247978;padding:.35rem 0 .35rem 3.5rem;transition:all .2s ease}.c-nav__item--activepage>a:after,.c-nav__item--activepage>a:before{border:0 solid #e2e8f0}.c-nav__item--activepage>a:hover{transform:translateX(0)}.c-nav__item--activepage>a .inset{top:0;right:0;bottom:0;left:0;position:absolute;border-radius:.25rem;opacity:.25;background-color:#b2f5ea}.c-nav__item--level1>a{font-size:1rem;font-weight:700;padding-left:1.875rem}.c-nav__item--level2>a{padding-left:3.125rem}.c-nav__item--level3>a{padding-left:3.75rem}.c-nav__item--level4>a{padding-left:5rem}.c-nav__item--level5>a{padding-left:6.25rem}.c-nav__item--level6>a{padding-left:7.5rem}.c-nav__item--level7>a{padding-left:8.75rem}.c-nav__item--collapsed>ul{display:none}.c-nav__item--collapsed>a>.c-nav__chevron{top:.0625rem;transform:rotate(90deg)}.c-nav__chevron{display:inline-block;position:absolute;top:0;height:1.3125rem;width:1.3125rem;padding:.3125rem;margin:0 0 0 -1.4375rem;fill:rgba(74,85,104,.6);transform:rotate(-90deg);vertical-align:middle}.c-nav__sublist{margin:0 0 1.875rem;padding:0}::-webkit-scrollbar,::-webkit-scrollbar-thumb{width:1rem;height:1rem;border:.25rem solid transparent;border-radius:.5rem;background-color:transparent}::-webkit-scrollbar-thumb{box-shadow:inset 0 0 0 1rem rgba(85,108,136,.1)}::-webkit-scrollbar-thumb:hover{box-shadow:inset 0 0 0 1rem rgba(85,108,136,.2)}::-webkit-resizer,::-webkit-scrollbar-corner{background-color:transparent}.c-optionswitch__current{display:block;padding:.4375rem .625rem;color:#4a5568;white-space:nowrap;background:#fff;transition:background-color .2s ease-in-out;border-radius:.1875rem}.c-optionswitch__current:hover{color:#4a5568;background:#fff}.c-optionswitch__currentchevron{display:inline-block;width:.625rem;height:.625rem;fill:#4a5568;vertical-align:middle;margin:-0.0625rem 0 0 .1875rem;transform:rotate(90deg)}.c-optionswitch__listwrapper{position:absolute;top:3.6875rem;display:none;background:#edf2f7;box-shadow:0 .1875rem .5rem 0 rgba(116,129,141,.1)}@media screen and (min-width: 81.25em){.c-optionswitch__listwrapper{right:0}}@media screen and (max-width: 90em){.c-optionswitch__listwrapper{right:0}}@media screen and (max-width: 48em){.c-optionswitch__listwrapper{right:0}}.c-optionswitch__listwrapper:target{display:block}@media screen and (min-width: 43.75em){.c-optionswitch__listwrapper:target{display:flex}}.c-optionswitch__listwrapper:target:before{content:none}.c-optionswitch__list{margin:0;padding:0;list-style:none}.c-optionswitch__item{position:relative;display:block}.c-optionswitch__link{display:block;padding:.25rem .625rem;color:#4a5568;transition-duration:.2s;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-property:background-color,border-color,color}.c-optionswitch__link:hover{color:#4a5568;background:#fff}.c-optionswitch__item--active .c-optionswitch__link{background:#fff}.c-optionswitch__translation{color:#2a303b}.c-optionswitch__translation:before{content:"("}.c-optionswitch__translation:after{content:")"}.c-optionswitch__note{padding:0 .625rem .625rem;color:#2a303b}.l-main-search__container{list-style:none;padding:0;margin-bottom:2rem}.l-main-search__result,.l-live-search__result{border-top:1px solid #fff;padding-top:1rem;margin-top:1rem}.l-main-search__result .c-breadcrumb,.l-live-search__result .c-breadcrumb{margin-bottom:0}.l-main-search__result h4,.l-live-search__result h4{margin-top:0;margin-bottom:0}@media screen and (max-width: 43.74875em){.l-main-search__result:first-child,.l-live-search__result:first-child{border-top:none}}.l-main-search__match summary,.l-live-search__match summary{float:right;color:#777}.l-search__pagination-holder{list-style:none;padding:0;text-align:center}.l-search-page{display:inline-block}.l-search-page__link{display:block;cursor:pointer;padding:.5rem 1rem;line-height:initial;background:#e2e8f0;color:#1a202c;border-radius:.25rem;border:1px solid #e2e8f0}.l-search-page__link:hover,.l-search-page__link:focus{background:#475365;border:1px solid #475365;color:#ededed}.l-search-page__link--active{background:#314a97;border:1px solid #314a97;color:#ededed}.c-searchform--resultspage{margin-bottom:1rem}.c-searchform--resultspage .c-searchform__input{border:1px solid #fff}.l-search__meta{color:#4a5568}.l-search__ignored{border-left:.5rem solid #eebf41;padding:.9375rem 1.25rem;background-color:rgba(238,191,65,.3);color:#2c2104}.l-search__tip{border-left:.5rem solid #3b68af;padding:.9375rem 1.25rem;background-color:rgba(59,104,175,.3);color:#000}.l-search__no_results{border-left:.25rem solid #d26d69;padding:.9375rem 1.25rem;background-color:rgba(210,109,105,.3);color:#2e0f0e;max-width:100%}.l-search__no_results--live{margin:0}.c-searchform--header{z-index:5}.l-live-search__container{position:absolute;background:#fff;width:100%;display:none;border-radius:0 0 5px 5px;margin-top:-3px;z-index:4;box-shadow:0 2px 7px 2px rgba(0,0,0,.5)}.l-live-search__container--visible{display:block}.l-live-search__container--loading::before{content:"Loading...";width:100%;display:block;padding:.5em .5em .5em 1em;border-radius:5px 5px 0 0;color:#4a5568;background:#fff}.l-live-search__container--loading:empty::before{border-radius:5px}@media screen and (max-width: 43.74875em){.l-live-search__container{position:initial;margin-top:1em;border-radius:7px;box-shadow:none;border:1px solid #3b68af}}.l-live-search__results{list-style:none;padding:0;margin:0;max-height:70vh;overflow-y:scroll}@media screen and (max-width: 43.74875em){.l-live-search__results{max-height:calc(100vh - 15rem)}}.l-live-search__result,.l-main-search__result{padding:0;margin:0;position:relative}.c-live-search__result-crumbs,.l-main-search__crumbs{position:absolute;top:.7rem;white-space:nowrap;text-overflow:ellipsis;padding:0 1rem;height:1.6em;overflow:hidden;font-weight:500}.c-live-search__result-link,.l-main-search__link{color:#314a97;display:block;padding:2.2rem 1rem .7rem;font-weight:500}.c-live-search__result-link:hover,.c-live-search__result-link:focus,.l-live-search__result--selected .c-live-search__result-link,.l-main-search__link:hover,.l-main-search__link:focus,.l-live-search__result--selected .l-main-search__link{background:#f0f6ff}.l-live-search__search{margin:0}.l-live-search__search a{font-weight:500;display:block;padding:.7rem 1rem;width:100%;color:#4a5568;background:#fff;border-radius:0 0 5px 5px}.l-main-search__result{max-width:80ch}.l-main-search__title{color:#314a97}.l-main-search__link:hover .l-main-search__title,.l-main-search__link:focus .l-main-search__title{color:#5a99ea}.l-main-search__snippet{color:#4a5568}.size_code{font-size:1em}.c-searchform{position:relative;width:100%}@media screen and (max-width: 43.74875em){.c-searchform{margin-top:1rem}}.c-searchform__input{display:block;width:100%;border:none;border-radius:.5rem;padding:.625rem 2.1875rem .625rem 1.25rem;line-height:1.5 !important;font-family:inherit;font-size:100%;transition:all .1s ease-in;background-color:#edf2f7}.c-searchform__input:focus{border-color:#e2e8f0;background-color:#fff}@media screen and (max-width: 43.74875em){.c-searchform__input{border:1px solid #fff}}.c-searchform__button{position:absolute;top:0;right:.625rem;bottom:0;margin:0;padding:0;background:transparent;border:none}.c-searchform__icon{width:1.5rem;height:1.25rem;fill:#717171;vertical-align:middle}#searchform:target:before{content:"";height:0;margin:0}table{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;max-width:calc(100% + 1.25rem);margin:1.875rem 0;border-collapse:collapse;overflow-x:auto}@media print,screen and (min-width: 43.75em){table{display:table;table-layout:fixed;width:100%;max-width:100%}table td{word-wrap:break-word}}table tr:nth-child(2n){background:#f5f7f9}table td,table th{border:1px solid #c5d3df;padding:.5625rem 1rem}table th{font-weight:700;text-align:center}table td{min-width:10.625rem}@media print,screen and (min-width: 43.75em){table td{min-width:0}}table::-webkit-scrollbar,table::-webkit-scrollbar-thumb{width:1rem;height:1rem;border:.25rem solid transparent;border-radius:.5rem;background-color:transparent}table::-webkit-scrollbar-thumb{box-shadow:inset 0 0 0 1rem rgba(85,108,136,.1)}table::-webkit-scrollbar-thumb:hover{box-shadow:inset 0 0 0 1rem rgba(85,108,136,.2)}table::-webkit-resizer,table::-webkit-scrollbar-corner{background-color:transparent}.c-toc{position:relative;margin:0 0 1.875rem}.c-toc__title{display:block;margin:0 0 .3125rem;font-size:.75rem;font-weight:700;color:#a0aec0;text-transform:uppercase}.c-toc ul{margin:0;padding:0;list-style:none}.c-toc__wrapper>ul{padding-left:.9375rem}.c-toc__wrapper>ul>li{margin:0 0 .4375rem}.c-toc__wrapper>ul>li:last-child{margin-bottom:0}.c-toc__wrapper>ul>li>a{font-weight:700}.c-toc a{display:block;margin:0 0 .1875rem;font-size:.8125rem;font-weight:500;color:#475365;line-height:1.4;transition:all .2s ease}.c-toc a:hover{color:#1a202c;transform:translateX(2px)}.c-toc li li{padding-left:.9375rem}.u-show-for-sr,html.js .u-hide-with-js-sr,.u-show-on-focus{position:absolute !important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}:target:before{content:"";display:block;height:5.625rem;margin:-5.625rem 0 0}.is-brokenlink{color:#d26d69;text-decoration:line-through}.is-brokenlink:after{content:" (link broken)";text-decoration:none}.is-externallink:after{content:"";display:inline-block;width:.625rem;height:.625rem;margin:-0.0625rem .125rem 0 .25rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76 76'%3E%3Cg fill='%234a5568' fill-rule='nonzero'%3E%3Cpath d='M27.37215 46.13316994L72.34371002 1.16160993l2.61627 2.61627L29.98842 48.74943995z'/%3E%3Cpath d='M75.6 28.7h-3.8V4.4H47.4V.6h28.2zM68.1 75.6H.6V8.1h33.7v3.8h-30v60h60v-30h3.8z'/%3E%3C/g%3E%3C/svg%3E");background-size:100% 100%;background-repeat:no-repeat;background-position:center center}.u-no-margin{margin:0 !important}.u-no-margin--top{margin-top:0 !important}.u-no-margin--bottom{margin-bottom:0 !important}.u-no-padding{padding:0 !important}.u-no-padding--top{padding-top:0 !important}.u-no-padding--bottom{padding-bottom:0 !important}html.no-js .u-show-with-js{display:none !important}html.js .u-hide-with-js{display:none !important}@media print{.l-app>*{display:none}.l-app .l-main{display:block}} +@-ms-viewport{width:device-width}/*! modern-normalize | MIT License | https://github.com/sindresorhus/modern-normalize */html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}hr{height:0}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:SFMono-Regular,Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}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{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{padding:0}progress{vertical-align:baseline}[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}summary{display:list-item}body{background:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-weight:400;line-height:1.6;color:#4a5568;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{color:#252930;line-height:1.3;margin-bottom:2rem}h1{margin-top:1.875rem}h1{font-size:1.875rem}@media screen and (min-width: 32.5625rem){h1{font-size:calc(1.875rem + 1.25 * ((100vw - 32.5625rem) / 73.6875))}}@media screen and (min-width: 106.25rem){h1{font-size:3.125rem}}h2{font-size:1.375rem}@media screen and (min-width: 32.5625rem){h2{font-size:calc(1.375rem + 0.8125 * ((100vw - 32.5625rem) / 73.6875))}}@media screen and (min-width: 106.25rem){h2{font-size:2.1875rem}}h3{font-size:1.25rem}@media screen and (min-width: 32.5625rem){h3{font-size:calc(1.25rem + 0.6875 * ((100vw - 32.5625rem) / 73.6875))}}@media screen and (min-width: 106.25rem){h3{font-size:1.9375rem}}h4{font-size:1.125rem}@media screen and (min-width: 32.5625rem){h4{font-size:calc(1.125rem + 0.5625 * ((100vw - 32.5625rem) / 73.6875))}}@media screen and (min-width: 106.25rem){h4{font-size:1.6875rem}}h5{font-size:1rem}@media screen and (min-width: 32.5625rem){h5{font-size:calc(1rem + 0.5625 * ((100vw - 32.5625rem) / 73.6875))}}@media screen and (min-width: 106.25rem){h5{font-size:1.5625rem}}h6{font-size:1rem}@media screen and (min-width: 32.5625rem){h6{font-size:calc(1rem + 0.4375 * ((100vw - 32.5625rem) / 73.6875))}}@media screen and (min-width: 106.25rem){h6{font-size:1.4375rem}}a{text-decoration:none;color:#1c6fdc;transition:color .2s ease-in-out}a:hover{color:#5a99ea}img{display:inline-block;vertical-align:middle;max-width:100%;height:auto;-ms-interpolation-mode:bicubic}p{margin:0 0 .9375rem;line-height:1.6;max-width:80ch}code,kbd,samp,pre{background-color:#ebf1ff;padding:.1rem .25rem;font-size:.775rem;border-radius:.125rem;padding-left:.25rem;padding-right:.25rem;color:#314a97;font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace !important}pre>code{padding:0}code[class*=language-],pre[class*=language-]{border-radius:.5rem;font-size:.775rem !important;line-height:1.5 !important}blockquote{display:block;margin:0 0 .9375rem;padding:.9375rem 1.25rem;background-color:#f9fbfe;border-left:.1875rem solid #5b99ea;color:#4a5568}blockquote a{color:#1c6fdc}blockquote>:last-child{margin-bottom:0}iframe,object,video{max-width:100%}html,body{height:100%;width:100%;background:#fff;scroll-behavior:smooth}.l-app{display:flex;min-height:100vh;flex-direction:column;padding-top:3.75rem;background:#fff}@media print,screen and (min-width: 62.5em){.l-app--has-sidebar{padding-left:20rem}}.l-header{z-index:2;position:fixed;top:0;right:0;left:0;display:flex;align-items:center;justify-content:space-between;height:3.75rem;background:#fff;border-bottom:1px solid #c5d3df;box-shadow:0 1px 4px 0 rgba(0,0,0,.1)}.l-header__logo{flex:auto 0 0;position:relative}@media screen and (min-width: 76.25em){.l-header__logo{flex:20rem 0 0;flex:calc(20rem - 1.875rem) 0 0}}.l-header__search{flex-basis:50%;flex-grow:0;flex-shrink:1;position:relative}@media screen and (min-width: 76.25em){.l-header__search{margin:0 3.125rem 0 4.6875rem}}@media screen and (max-width: 43.74875em){.l-header__search{position:fixed;width:100%;margin:0 !important;top:3.75rem;background:#fff;height:calc(100vh - 2.25rem);padding:0 1rem 1rem 1rem;transform:translateY(100%);transition:transform .4s ease-in-out}}.l-header__versionswitch{margin:0 .9375rem}@media screen and (max-width: 43.74875em){#searchform:target{transform:translateY(0)}}.l-sidebar{outline:none;display:block;position:fixed;top:3.75rem;bottom:0;left:0;width:100%;transform:translateX(-100%);z-index:1;padding:1.875rem 1.25rem .9375rem;background:#f5f7f9;border-right:1px solid #e6ecf1;overflow-y:scroll;-webkit-overflow-scrolling:touch;overflow-x:auto;transition:transform .4s ease-in-out}@media print,screen and (min-width: 62.5em){.l-sidebar{display:block;position:fixed;top:3.75rem;bottom:0;left:0;width:20rem;transform:translateX(0);transition:none}}#nav:target{transform:translateX(0)}.l-main{position:relative;margin:1.875rem 1.25rem .9375rem;flex:1}@media print,screen and (min-width: 43.75em){.l-main{margin:1.875rem 3.125rem .9375rem 4.6875rem}}.l-main__title{max-width:62.5rem}@media screen and (min-width: 76.25em){.l-main__contentwrapper{display:flex;justify-content:flex-start;flex-direction:row}}@media print,screen and (min-width: 43.75em){.l-main__content{padding-right:1.5625rem}}@media screen and (min-width: 76.25em){.l-main__content{flex-basis:80%;flex-grow:0;flex-shrink:1;order:1;min-width:0}}.l-main__content>:first-child{margin-top:0}@media screen and (min-width: 76.25em){.l-main__toc{flex-basis:20%;flex-grow:1;flex-shrink:0;align-self:flex-start;order:2;padding:0 0 0 1.5625rem;top:4.6875rem;position:-webkit-sticky;position:sticky}}.l-footer{flex-basis:100%;flex-shrink:0;order:3;padding:1.875rem .9375rem .9375rem;margin:2.8125rem 0 0;border-top:1px solid #e6ecf1}@media print,screen and (min-width: 43.75em){.l-footer{padding:1.875rem 4.6875rem .9375rem}}@media(max-width: 768px){.o-openmenu{order:4;padding:0 .9375rem 0 .9375rem !important}.o-search,.l-header__search{order:3;margin:0 .475rem 0 auto}.l-header__versionswitch{order:2}.l-header__logo{order:1;max-width:25%}}@media(max-width: 425px){.l-footer{font-size:14px;line-height:1;padding:.9375rem .9375rem}.l-footer .c-footer__nav{display:flex;justify-content:center}.l-footer .c-footer__navlink{padding:.425rem}.l-footer .c-footer__copyright{font-size:14px;line-height:1;padding:.3rem .9375rem 0;text-align:center}}.o-logo{margin:0 .9375rem;padding:0}.o-logo__image{display:block;width:10.625rem;max-width:100%;height:3.75rem;fill:#4a5568}@media print,screen and (min-width: 43.75em){.o-logo__image{width:12.5rem}}.o-docmeta{margin:-0.9375rem 0 1.875rem}.o-sidebar-heading{display:block;margin:0 0 .9375rem;font-size:1.25rem;font-weight:700}.o-openmenu,.o-search{display:block;margin:0;padding:0 .9375rem 0 1.875rem}.o-openmenu__icon,.o-search__icon{display:block;width:1.8125rem;height:3.75rem;fill:#4a5568}@media print,screen and (min-width: 62.5em){.o-openmenu{display:none}}@media print,screen and (min-width: 43.75em){.o-search{display:none}}@media screen and (max-width: 43.74875em){.o-logo{margin:0 .4375rem}.o-search{padding:0 .4375rem}}.o-closemenu{z-index:1;position:absolute;top:.625rem;right:.625rem;display:block;padding:.9375rem .9375rem}@media print,screen and (min-width: 62.5em){.o-closemenu{display:none}}.o-closemenu__icon{display:block;width:1.875rem;height:1.875rem;fill:#3b68af}.c-breadcrumb{margin:0 0 .9375rem}.c-breadcrumb__list{display:flex;flex-direction:row;flex-wrap:wrap;margin:0 -0.3125rem;padding:0;list-style:none}.c-breadcrumb__item{display:block;flex:auto 0 0}.c-breadcrumb__link{display:inline-block;padding:.25rem .3125rem;line-height:1.4;font-size:.875rem;color:#4a5568}.c-breadcrumb__item+.c-breadcrumb__item:before{content:"";display:inline-block;width:.625rem;height:.6875rem;margin-left:.3125rem;margin-right:-0.0625rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 62'%3E%3Cpath fill='%234a5568' fill-rule='nonzero' d='M7.5938.39064L.6562 7.60939l24.25 23.40623-24.25 23.375 6.9376 7.2187 28-26.9999 3.75-3.5938-3.75-3.62498z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% 100%;background-position:center center;opacity:.25}.c-callout{color:#4a5568;display:block;margin:0 0 .9375rem;padding:.9375rem 1.25rem;background-color:#f9fbfe;border-left:.1875rem solid #5b99ea}.c-callout a{color:#1c6fdc}.c-callout__title{display:block;margin:0 0 .3125rem;text-transform:uppercase;letter-spacing:1.1}.c-callout a:hover{color:#5a99ea}.c-callout--info{background-color:#f9fbfe;border-color:#5b99ea}.c-callout--info a{color:#1c6fdc}.c-callout--warning{background-color:#fdf6e5;border-color:#eebf41}.c-callout--warning a{color:#d09c13}.c-callout--alert{background-color:#f5f5f5;border-color:#d26d69}.c-callout--alert a{color:#d26d69}.c-callout--success{background-color:#e7f4eb;border-color:#5cb377}.c-callout--success a{color:#3e8554}code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:bold}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}.command-line-prompt{border-right:1px solid #999;display:block;float:left;font-size:100%;letter-spacing:-1px;margin-right:1em;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.command-line-prompt>span:before{color:#999;content:" ";display:block;padding-right:.8em}.command-line-prompt>span[data-user]:before{content:"[" attr(data-user) "@" attr(data-host) "] $"}.command-line-prompt>span[data-user=root]:before{content:"[" attr(data-user) "@" attr(data-host) "] #"}.command-line-prompt>span[data-prompt]:before{content:attr(data-prompt)}pre[data-line]{position:relative;padding:1em 0 1em 3em}.line-highlight{position:absolute;left:0;right:0;padding:inherit 0;margin-top:1em;background:hsla(24, 20%, 50%, 0.08);background:linear-gradient(to right, hsla(24, 20%, 50%, 0.1) 70%, hsla(24, 20%, 50%, 0));pointer-events:none;line-height:inherit;white-space:pre}.line-highlight:before,.line-highlight[data-end]:after{content:attr(data-start);position:absolute;top:.4em;left:.6em;min-width:1em;padding:0 .5em;background-color:hsla(24, 20%, 50%, 0.4);color:hsl(24, 20%, 95%);font:bold 65%/1.5 sans-serif;text-align:center;vertical-align:.3em;border-radius:999px;text-shadow:none;box-shadow:0 1px white}.line-highlight[data-end]:after{content:attr(data-end);top:auto;bottom:.4em}.line-numbers .line-highlight:before,.line-numbers .line-highlight:after{content:none}pre[id].linkable-line-numbers span.line-numbers-rows{pointer-events:all}pre[id].linkable-line-numbers span.line-numbers-rows>span:before{cursor:pointer}pre[id].linkable-line-numbers span.line-numbers-rows>span:hover:before{background-color:rgba(128, 128, 128, 0.2)}pre[class*=language-].line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.line-numbers-rows>span{display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}div.code-toolbar{position:relative}div.code-toolbar>.toolbar{position:absolute;top:.3em;right:.2em;transition:opacity .3s ease-in-out;opacity:0}div.code-toolbar:hover>.toolbar{opacity:1}div.code-toolbar:focus-within>.toolbar{opacity:1}div.code-toolbar>.toolbar .toolbar-item{display:inline-block}div.code-toolbar>.toolbar a{cursor:pointer}div.code-toolbar>.toolbar button{background:none;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}div.code-toolbar>.toolbar a,div.code-toolbar>.toolbar button,div.code-toolbar>.toolbar span{color:#bbb;font-size:.8em;padding:0 .5em;background:#f5f2f0;background:rgba(224, 224, 224, 0.2);box-shadow:0 2px 0 0 rgba(0, 0, 0, 0.2);border-radius:.5em}div.code-toolbar>.toolbar a:hover,div.code-toolbar>.toolbar a:focus,div.code-toolbar>.toolbar button:hover,div.code-toolbar>.toolbar button:focus,div.code-toolbar>.toolbar span:hover,div.code-toolbar>.toolbar span:focus{color:inherit;text-decoration:none}.token.operator{background:none}.c-history{display:flex;align-items:center;margin:-0.9375rem 0 1.875rem}.c-contributors{display:flex}.c-contributor{border-radius:15px;width:30px;height:30px;border:2px solid #fff;margin-left:-10px}.c-contributor:first-child{margin-left:0}.c-last-edit{color:#555;font-size:.9em;padding-left:.5em;margin-bottom:0;font-weight:500}.c-footer__grid{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}.c-footer__cell{width:100%}@media print,screen and (min-width: 62.5em){.c-footer__cell{width:auto}}.c-footer__copyright{color:#4a5568}.c-footer__nav{margin:0 -0.625rem;padding:0;list-style:none}.c-footer__navitem{display:inline-block}.c-footer__navlink{display:block;font-weight:700;padding:.625rem;color:#4a5568}.c-footer__navlink:hover{color:#3b68af}.c-nav{margin:0 0 0 -1.25rem;padding:0;list-style:none}.c-nav__item{margin:0;padding:0;list-style:none;font-size:.9375rem;line-height:1.4}.c-nav__item a{position:relative;display:block;margin-bottom:.625rem;padding:0 0 0 1.25rem;text-decoration:none;font-weight:500;color:#475365;transition:all .2s ease}.c-nav__item a:hover{color:#5a99ea;transform:translateX(2px)}.c-nav__item--activepage .c-nav__chevron{top:.35rem}.c-nav__item--activepage>a{position:relative;color:#247978;padding:.35rem 0 .35rem 3.5rem;transition:all .2s ease}.c-nav__item--activepage>a:after,.c-nav__item--activepage>a:before{border:0 solid #e2e8f0}.c-nav__item--activepage>a:hover{transform:translateX(0)}.c-nav__item--activepage>a .inset{top:0;right:0;bottom:0;left:0;position:absolute;border-radius:.25rem;opacity:.25;background-color:#b2f5ea}.c-nav__item--level1>a{font-size:1rem;font-weight:700;padding-left:1.875rem}.c-nav__item--level2>a{padding-left:3.125rem}.c-nav__item--level3>a{padding-left:3.75rem}.c-nav__item--level4>a{padding-left:5rem}.c-nav__item--level5>a{padding-left:6.25rem}.c-nav__item--level6>a{padding-left:7.5rem}.c-nav__item--level7>a{padding-left:8.75rem}.c-nav__item--collapsed>ul{display:none}.c-nav__item--collapsed>a>.c-nav__chevron{top:.0625rem;transform:rotate(90deg)}.c-nav__chevron{display:inline-block;position:absolute;top:0;height:1.3125rem;width:1.3125rem;padding:.3125rem;margin:0 0 0 -1.4375rem;fill:rgba(74,85,104,.6);transform:rotate(-90deg);vertical-align:middle}.c-nav__sublist{margin:0 0 1.875rem;padding:0}::-webkit-scrollbar,::-webkit-scrollbar-thumb{width:1rem;height:1rem;border:.25rem solid transparent;border-radius:.5rem;background-color:transparent}::-webkit-scrollbar-thumb{box-shadow:inset 0 0 0 1rem rgba(85,108,136,.1)}::-webkit-scrollbar-thumb:hover{box-shadow:inset 0 0 0 1rem rgba(85,108,136,.2)}::-webkit-resizer,::-webkit-scrollbar-corner{background-color:transparent}.c-optionswitch__current{display:block;padding:.4375rem .625rem;color:#4a5568;white-space:nowrap;background:#fff;transition:background-color .2s ease-in-out;border-radius:.1875rem}.c-optionswitch__current:hover{color:#4a5568;background:#fff}.c-optionswitch__currentchevron{display:inline-block;width:.625rem;height:.625rem;fill:#4a5568;vertical-align:middle;margin:-0.0625rem 0 0 .1875rem;transform:rotate(90deg)}.c-optionswitch__listwrapper{position:absolute;top:3.6875rem;display:none;background:#edf2f7;box-shadow:0 .1875rem .5rem 0 rgba(116,129,141,.1)}@media screen and (min-width: 81.25em){.c-optionswitch__listwrapper{right:0}}@media screen and (max-width: 90em){.c-optionswitch__listwrapper{right:0}}@media screen and (max-width: 48em){.c-optionswitch__listwrapper{right:0}}.c-optionswitch__listwrapper:target{display:block}@media screen and (min-width: 43.75em){.c-optionswitch__listwrapper:target{display:flex}}.c-optionswitch__listwrapper:target:before{content:none}.c-optionswitch__list{margin:0;padding:0;list-style:none}.c-optionswitch__item{position:relative;display:block}.c-optionswitch__link{display:block;padding:.25rem .625rem;color:#4a5568;transition-duration:.2s;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-property:background-color,border-color,color}.c-optionswitch__link:hover{color:#4a5568;background:#fff}.c-optionswitch__item--active .c-optionswitch__link{background:#fff}.c-optionswitch__translation{color:#2a303b}.c-optionswitch__translation:before{content:"("}.c-optionswitch__translation:after{content:")"}.c-optionswitch__note{padding:0 .625rem .625rem;color:#2a303b}.l-main-search__container{list-style:none;padding:0;margin-bottom:2rem}.l-main-search__result,.l-live-search__result{border-top:1px solid #fff;padding-top:1rem;margin-top:1rem}.l-main-search__result .c-breadcrumb,.l-live-search__result .c-breadcrumb{margin-bottom:0}.l-main-search__result h4,.l-live-search__result h4{margin-top:0;margin-bottom:0}@media screen and (max-width: 43.74875em){.l-main-search__result:first-child,.l-live-search__result:first-child{border-top:none}}.l-main-search__match summary,.l-live-search__match summary{float:right;color:#777}.l-search__pagination-holder{list-style:none;padding:0;text-align:center}.l-search-page{display:inline-block}.l-search-page__link{display:block;cursor:pointer;padding:.5rem 1rem;line-height:initial;background:#e2e8f0;color:#1a202c;border-radius:.25rem;border:1px solid #e2e8f0}.l-search-page__link:hover,.l-search-page__link:focus{background:#475365;border:1px solid #475365;color:#ededed}.l-search-page__link--active{background:#314a97;border:1px solid #314a97;color:#ededed}.c-searchform--resultspage{margin-bottom:1rem}.c-searchform--resultspage .c-searchform__input{border:1px solid #fff}.l-search__meta{color:#4a5568}.l-search__ignored{border-left:.5rem solid #eebf41;padding:.9375rem 1.25rem;background-color:rgba(238,191,65,.3);color:#2c2104}.l-search__tip{border-left:.5rem solid #3b68af;padding:.9375rem 1.25rem;background-color:rgba(59,104,175,.3);color:#000}.l-search__no_results{border-left:.25rem solid #d26d69;padding:.9375rem 1.25rem;background-color:rgba(210,109,105,.3);color:#2e0f0e;max-width:100%}.l-search__no_results--live{margin:0}.c-searchform--header{z-index:5}.l-live-search__container{position:absolute;background:#fff;width:100%;display:none;border-radius:0 0 5px 5px;margin-top:-3px;z-index:4;box-shadow:0 2px 7px 2px rgba(0,0,0,.5)}.l-live-search__container--visible{display:block}.l-live-search__container--loading::before{content:"Loading...";width:100%;display:block;padding:.5em .5em .5em 1em;border-radius:5px 5px 0 0;color:#4a5568;background:#fff}.l-live-search__container--loading:empty::before{border-radius:5px}@media screen and (max-width: 43.74875em){.l-live-search__container{position:initial;margin-top:1em;border-radius:7px;box-shadow:none;border:1px solid #3b68af}}.l-live-search__results{list-style:none;padding:0;margin:0;max-height:70vh;overflow-y:scroll}@media screen and (max-width: 43.74875em){.l-live-search__results{max-height:calc(100vh - 15rem)}}.l-live-search__result,.l-main-search__result{padding:0;margin:0;position:relative}.c-live-search__result-crumbs,.l-main-search__crumbs{position:absolute;top:.7rem;white-space:nowrap;text-overflow:ellipsis;padding:0 1rem;height:1.6em;overflow:hidden;font-weight:500}.c-live-search__result-link,.l-main-search__link{color:#314a97;display:block;padding:2.2rem 1rem .7rem;font-weight:500}.c-live-search__result-link:hover,.c-live-search__result-link:focus,.l-live-search__result--selected .c-live-search__result-link,.l-main-search__link:hover,.l-main-search__link:focus,.l-live-search__result--selected .l-main-search__link{background:#f0f6ff}.l-live-search__search{margin:0}.l-live-search__search a{font-weight:500;display:block;padding:.7rem 1rem;width:100%;color:#4a5568;background:#fff;border-radius:0 0 5px 5px}.l-main-search__result{max-width:80ch}.l-main-search__title{color:#314a97}.l-main-search__link:hover .l-main-search__title,.l-main-search__link:focus .l-main-search__title{color:#5a99ea}.l-main-search__snippet{color:#4a5568}.size_code{font-size:1em}.c-searchform{position:relative;width:100%}@media screen and (max-width: 43.74875em){.c-searchform{margin-top:1rem}}.c-searchform__input{display:block;width:100%;border:none;border-radius:.5rem;padding:.625rem 2.1875rem .625rem 1.25rem;line-height:1.5 !important;font-family:inherit;font-size:100%;transition:all .1s ease-in;background-color:#edf2f7}.c-searchform__input:focus{border-color:#e2e8f0;background-color:#fff}@media screen and (max-width: 43.74875em){.c-searchform__input{border:1px solid #fff}}.c-searchform__button{position:absolute;top:0;right:.625rem;bottom:0;margin:0;padding:0;background:transparent;border:none}.c-searchform__icon{width:1.5rem;height:1.25rem;fill:#717171;vertical-align:middle}#searchform:target:before{content:"";height:0;margin:0}table{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;max-width:calc(100% + 1.25rem);margin:1.875rem 0;border-collapse:collapse;overflow-x:auto}@media print,screen and (min-width: 43.75em){table{display:table;table-layout:fixed;width:100%;max-width:100%}table td{word-wrap:break-word}}table tr:nth-child(2n){background:#f5f7f9}table td,table th{border:1px solid #c5d3df;padding:.5625rem 1rem}table th{font-weight:700;text-align:center}table td{min-width:10.625rem}@media print,screen and (min-width: 43.75em){table td{min-width:0}}table::-webkit-scrollbar,table::-webkit-scrollbar-thumb{width:1rem;height:1rem;border:.25rem solid transparent;border-radius:.5rem;background-color:transparent}table::-webkit-scrollbar-thumb{box-shadow:inset 0 0 0 1rem rgba(85,108,136,.1)}table::-webkit-scrollbar-thumb:hover{box-shadow:inset 0 0 0 1rem rgba(85,108,136,.2)}table::-webkit-resizer,table::-webkit-scrollbar-corner{background-color:transparent}.c-toc{position:relative;margin:0 0 1.875rem}.c-toc__title{display:block;margin:0 0 .3125rem;font-size:.75rem;font-weight:700;color:#a0aec0;text-transform:uppercase}.c-toc ul{margin:0;padding:0;list-style:none}.c-toc__wrapper>ul{padding-left:.9375rem}.c-toc__wrapper>ul>li{margin:0 0 .4375rem}.c-toc__wrapper>ul>li:last-child{margin-bottom:0}.c-toc__wrapper>ul>li>a{font-weight:700}.c-toc a{display:block;margin:0 0 .1875rem;font-size:.8125rem;font-weight:500;color:#475365;line-height:1.4;transition:all .2s ease}.c-toc a:hover{color:#1a202c;transform:translateX(2px)}.c-toc li li{padding-left:.9375rem}.u-show-for-sr,html.js .u-hide-with-js-sr,.u-show-on-focus{position:absolute !important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}:target:before{content:"";display:block;height:5.625rem;margin:-5.625rem 0 0}.is-brokenlink{color:#d26d69;text-decoration:line-through}.is-brokenlink:after{content:" (link broken)";text-decoration:none}.is-externallink:after{content:"";display:inline-block;width:.625rem;height:.625rem;margin:-0.0625rem .125rem 0 .25rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76 76'%3E%3Cg fill='%234a5568' fill-rule='nonzero'%3E%3Cpath d='M27.37215 46.13316994L72.34371002 1.16160993l2.61627 2.61627L29.98842 48.74943995z'/%3E%3Cpath d='M75.6 28.7h-3.8V4.4H47.4V.6h28.2zM68.1 75.6H.6V8.1h33.7v3.8h-30v60h60v-30h3.8z'/%3E%3C/g%3E%3C/svg%3E");background-size:100% 100%;background-repeat:no-repeat;background-position:center center}.u-no-margin{margin:0 !important}.u-no-margin--top{margin-top:0 !important}.u-no-margin--bottom{margin-bottom:0 !important}.u-no-padding{padding:0 !important}.u-no-padding--top{padding-top:0 !important}.u-no-padding--bottom{padding-bottom:0 !important}html.no-js .u-show-with-js{display:none !important}html.js .u-hide-with-js{display:none !important}@media print{.l-app>*{display:none}.l-app .l-main{display:block}} /*# sourceMappingURL=app.css.map */ \ No newline at end of file diff --git a/public/template/dist/app.css.map b/public/template/dist/app.css.map index 0c722da..b5ea7fa 100644 --- a/public/template/dist/app.css.map +++ b/public/template/dist/app.css.map @@ -1 +1 @@ -{"version":3,"sources":["../src/scss/app.scss","../node_modules/modern-normalize/modern-normalize.css","../src/scss/_typography.scss","../src/scss/_settings.scss","../src/scss/_functions.scss","../src/scss/_layout.scss","../src/scss/_breakpoints.scss","../src/scss/_objects.scss","../src/scss/components/_breadcrumb.scss","../src/scss/components/_callout.scss","../node_modules/prismjs/themes/prism-tomorrow.css","../node_modules/prismjs/plugins/command-line/prism-command-line.css","../node_modules/prismjs/plugins/line-highlight/prism-line-highlight.css","../node_modules/prismjs/plugins/line-numbers/prism-line-numbers.css","../node_modules/prismjs/plugins/toolbar/prism-toolbar.css","../src/scss/components/_code.scss","../src/scss/components/_footer.scss","../src/scss/components/_nav.scss","../src/scss/components/_optionswitch.scss","../src/scss/components/_search.scss","../src/scss/components/_searchform.scss","../src/scss/components/_table.scss","../src/scss/components/_toc.scss","../src/scss/_helpers.scss","../src/scss/_print.scss"],"names":[],"mappings":"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","file":"app.css","sourcesContent":["@charset \"UTF-8\";\n// http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/\n@-ms-viewport{\n width: device-width;\n}\n\n// import modnern-normalize (https://github.com/sindresorhus/modern-normalize)\n@import 'node_modules/modern-normalize/modern-normalize';\n\n// import basic utils\n@import 'functions';\n@import 'breakpoints';\n@import 'settings';\n\n// import base styles\n@import 'typography';\n@import 'layout';\n@import 'objects';\n\n// import components (sorted A -> Z)\n@import 'components/breadcrumb';\n@import 'components/callout';\n@import 'components/code';\n@import 'components/footer';\n@import 'components/nav';\n@import 'components/optionswitch';\n@import 'components/search';\n@import 'components/searchform';\n@import 'components/table';\n@import 'components/toc';\n\n// import helpers and overrides\n@import 'helpers';\n@import 'print';\n","/*! modern-normalize | MIT License | https://github.com/sindresorhus/modern-normalize */\n\n/* Document\n ========================================================================== */\n\n/**\n * Use a better box model (opinionated).\n */\n\nhtml {\n\tbox-sizing: border-box;\n}\n\n*,\n*::before,\n*::after {\n\tbox-sizing: inherit;\n}\n\n/**\n * Use a more readable tab size (opinionated).\n */\n\n:root {\n\t-moz-tab-size: 4;\n\ttab-size: 4;\n}\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n\tline-height: 1.15; /* 1 */\n\t-webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n\tmargin: 0;\n}\n\n/**\n * Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)\n */\n\nbody {\n\tfont-family:\n\t\t-apple-system,\n\t\tBlinkMacSystemFont,\n\t\t'Segoe UI',\n\t\tRoboto,\n\t\tHelvetica,\n\t\tArial,\n\t\tsans-serif,\n\t\t'Apple Color Emoji',\n\t\t'Segoe UI Emoji',\n\t\t'Segoe UI Symbol';\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * Add the correct height in Firefox.\n */\n\nhr {\n\theight: 0;\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Add the correct text decoration in Chrome, Edge, and Safari.\n */\n\nabbr[title] {\n\ttext-decoration: underline dotted;\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n\tfont-weight: bolder;\n}\n\n/**\n * 1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp,\npre {\n\tfont-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace; /* 1 */\n\tfont-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n\tfont-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in all browsers.\n */\n\nsub,\nsup {\n\tfont-size: 75%;\n\tline-height: 0;\n\tposition: relative;\n\tvertical-align: baseline;\n}\n\nsub {\n\tbottom: -0.25em;\n}\n\nsup {\n\ttop: -0.5em;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n\tfont-family: inherit; /* 1 */\n\tfont-size: 100%; /* 1 */\n\tline-height: 1.15; /* 1 */\n\tmargin: 0; /* 2 */\n}\n\n/**\n * Remove the inheritance of text transform in Edge and Firefox.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n\ttext-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n\t-webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type='button']::-moz-focus-inner,\n[type='reset']::-moz-focus-inner,\n[type='submit']::-moz-focus-inner {\n\tborder-style: none;\n\tpadding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type='button']:-moz-focusring,\n[type='reset']:-moz-focusring,\n[type='submit']:-moz-focusring {\n\toutline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n\tpadding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers.\n */\n\nlegend {\n\tpadding: 0;\n}\n\n/**\n * Add the correct vertical alignment in Chrome and Firefox.\n */\n\nprogress {\n\tvertical-align: baseline;\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Safari.\n */\n\n[type='number']::-webkit-inner-spin-button,\n[type='number']::-webkit-outer-spin-button {\n\theight: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type='search'] {\n\t-webkit-appearance: textfield; /* 1 */\n\toutline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type='search']::-webkit-search-decoration {\n\t-webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n\t-webkit-appearance: button; /* 1 */\n\tfont: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Chrome and Safari.\n */\n\nsummary {\n\tdisplay: list-item;\n}\n","body {\n background:map-get($colors, 'body-bg');\n color: map-get($colors, 'gray');\n font-family: $body-font-family;\n font-weight: 400;\n line-height: $global-line-height;\n color: map-get($colors, 'body-text');\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\nh1, h2, h3, h4, h5, h6 {\n color: map-get($colors, dark);\n line-height: 1.3;\n margin-bottom: 2rem;\n}\n\n$min_width: rem(521);\n$max_width: rem(1700);\n\nh1 {\n margin-top: rem(30);\n //font-size: rem(45);\n @include fluid-type($min_width, $max_width, rem(30), rem(50));\n}\n\nh2 {\n //font-size: rem(30);\n @include fluid-type($min_width, $max_width, rem(22), rem(35));\n}\n\nh3 {\n //font-size: rem(26);\n @include fluid-type($min_width, $max_width, rem(20), rem(31));\n}\n\nh4 {\n //font-size: rem(22);\n @include fluid-type($min_width, $max_width, rem(18), rem(27));\n}\n\nh5 {\n //font-size: rem(20);\n @include fluid-type($min_width, $max_width, rem(16), rem(25));\n}\n\nh6 {\n //font-size: rem(18);\n @include fluid-type($min_width, $max_width, rem(16), rem(23));\n}\n\n\na {\n text-decoration: none;\n color: map-get($colors, 'link-color');\n transition: color .2s ease-in-out;\n\n &:hover {\n color: lightendarken(map-get($colors, 'link-color'), 15%);\n }\n}\n\nimg {\n // Get rid of gap under images by making them display: inline-block; by default\n display: inline-block;\n vertical-align: middle;\n\n // Grid defaults to get images and embeds to work properly\n max-width: 100%;\n height: auto;\n -ms-interpolation-mode: bicubic;\n}\n\np {\n margin: 0 0 $global-margin;\n line-height: $global-line-height;\n max-width: $paragraph-max-width;\n}\n\ncode, kbd, samp, pre {\n background-color: map-get($colors, 'inline-code');\n padding: 0.1rem 0.25rem;\n font-size: .775rem;\n border-radius: .125rem;\n padding-left: .25rem;\n padding-right: .25rem;\n color: map-get($colors, sapphire);\n font-family: SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace !important;\n}\npre > code {\n padding: 0;\n}\n\ncode[class*=\"language-\"], pre[class*=\"language-\"] {\n border-radius: .5rem;\n font-size: .775rem !important;\n line-height: 1.5 !important;\n}\n\nblockquote {\n display: block;\n margin: 0 0 $global-margin;\n padding: rem(15 20);\n background-color: map-get($colors, 'callout-info-bg');\n border-left: rem(3) solid map-get($colors, 'callout-info-border');\n color: map-get($colors, gray);\n a{\n color: map-get($colors, 'link-color');\n }\n\n > :last-child {\n margin-bottom: 0;\n }\n}\n\niframe, object, video {\n max-width: 100%;\n}\n","$colors: (\n cadetBlue: #a0aec0,\n primary: #3b68af, // AA compatible\n sapphire: #314a97,\n perano: #b2c9f5,\n light: #ededed,\n gray:#4a5568, // AA compatible\n slateGray: #475365, // AAA compatible\n mirage: #1a202c,\n alert: #d26d69,\n success: #2d8b01,\n warning: #EEBF41,\n dark: #252930,\n 'callout-info-border': #5b99ea,\n 'callout-alert-border': #d26d69,\n 'callout-success-border': #5cb377,\n 'callout-warning-border': #EEBF41,\n 'callout-info-bg':#f9fbfe,\n 'callout-alert-bg': #f5f5f5,\n 'callout-success-bg': #e7f4eb,\n 'callout-warning-bg': #fdf6e5,\n 'header-bg': #fff,\n 'header-text': #4a5568, //#4a4a4a,\n 'sidebar-bg': #F5F7F9,\n 'sidebar-text': #303942,\n 'nav-active': #247978,\n 'nav-active-bg': #b2f5ea,\n 'body-bg': #fff,\n 'body-text': #4a5568,\n 'border': #E6ECF1,\n 'link-broken': #d26d69,\n 'link-color': #1c6fdc,\n 'inline-code': #ebf1ff,\n 'optionswitch-bg': #edf2f7,\n);\n\n/*\n$dark-colors: (\n primary: #68a2ff, // AA compatible\n light: #ededed,\n gray: #757575, // AA compatible\n alert: #c70000,\n success: #2d8b01,\n warning: #ffae00,\n 'header-bg': #052a67,\n 'header-text': #fff, //#4a4a4a,\n 'sidebar-bg': #141f31,\n 'body-bg': #111,\n 'body-text': #fff,\n border: #E6ECF1,\n);\n*/\n\n$breakpoints: (\n small: 0,\n medium: 700px,\n large: 1000px,\n xlarge: 1220px,\n xxlarge: 1300px\n);\n\n$global-font-size: 100%;\n$global-line-height: 1.6;\n$global-width: rem(1200);\n$global-margin: rem(15);\n$global-radius: rem(3);\n$paragraph-max-width: 80ch; // approx 60 actual flex-width font characters\n\n$body-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n\n$header-height: rem(60);\n\n$main-margin-top: rem(30);\n\n$sidebar-width: rem(320);\n$sidebar-breakpoint: 'large';\n","/// Removes the unit (e.g. px, em, rem) from a value, returning the number only.\n///\n/// @param {Number} $num - Number to strip unit from.\n///\n/// @returns {Number} The same number, sans unit.\n@function strip-unit($num) {\n @return $num / ($num * 0 + 1);\n}\n\n/// Converts one or more pixel values into matching rem values.\n///\n/// @param {Number|List} $values - One or more values to convert. Be sure to separate them with spaces and not commas. If you need to convert a comma-separated list, wrap the list in parentheses.\n/// @param {Number} $base [null] - The base value to use when calculating the `rem`. If you're using Foundation out of the box, this is 16px. If this parameter is `null`, the function will reference the `$global-font-size` variable as the base.\n///\n/// @returns {List} A list of converted values.\n@function rem($values, $base: null) {\n $rem-values: ();\n $count: length($values);\n\n // If no base is defined, defer to the global font size\n @if $base == null {\n $base: $global-font-size;\n }\n\n // If the base font size is a %, then multiply it by 16px\n // This is because 100% font size = 16px in most all browsers\n @if unit($base) == '%' {\n $base: ($base / 100%) * 16px;\n }\n\n // Using rem as base allows correct scaling\n @if unit($base) == 'rem' {\n $base: strip-unit($base) * 16px;\n }\n\n @if $count == 1 {\n @return -zf-to-rem($values, $base);\n }\n\n @for $i from 1 through $count {\n $rem-values: append($rem-values, -zf-to-rem(nth($values, $i), $base));\n }\n\n @return $rem-values;\n}\n@function rem-calc($values, $base: null) {\n @return rem($values, $base);\n}\n\n// Converts a unitless, pixel, or rem value to em, for use in breakpoints.\n@function -zf-bp-to-em($value) {\n // Pixel and unitless values are converted to rems\n @if unit($value) == 'px' or unitless($value) {\n $value: rem-calc($value, $base: 16px);\n }\n\n // Then the value is converted to ems\n @return strip-unit($value) * 1em;\n}\n\n/// Converts a pixel value to matching rem value. *Any* value passed, regardless of unit, is assumed to be a pixel value. By default, the base pixel value used to calculate the rem value is taken from the `$global-font-size` variable.\n/// @access private\n///\n/// @param {Number} $value - Pixel value to convert.\n/// @param {Number} $base [null] - Base for pixel conversion.\n///\n/// @returns {Number} A number in rems, calculated based on the given value and the base pixel value. rem values are passed through as is.\n@function -zf-to-rem($value, $base: null) {\n // Check if the value is a number\n @if type-of($value) != 'number' {\n @warn inspect($value) + ' was passed to rem-calc(), which is not a number.';\n @return $value;\n }\n\n // Transform em into rem if someone hands over 'em's\n @if unit($value) == 'em' {\n $value: strip-unit($value) * 1rem;\n }\n\n // Calculate rem if units for $value is not rem or em\n @if unit($value) != 'rem' {\n $value: strip-unit($value) / strip-unit($base) * 1rem;\n }\n\n // Turn 0rem into 0\n @if $value == 0rem {\n $value: 0;\n }\n\n @return $value;\n}\n\n//\n// Function to create an optimized svg url https://codepen.io/jakob-e/pen/doMoML\n//\n@function svg-url($svg){\n //\n // Add missing namespace\n //\n @if not str-index($svg,xmlns) {\n $svg: str-replace($svg, '', '%3E');\n\n //\n // The maybe list\n //\n // Keep size and compile time down\n // ... only add on documented fail\n //\n // $chunk: str-replace($chunk, '|', '%7C');\n // $chunk: str-replace($chunk, '[', '%5B');\n // $chunk: str-replace($chunk, ']', '%5D');\n // $chunk: str-replace($chunk, '^', '%5E');\n // $chunk: str-replace($chunk, '`', '%60');\n // $chunk: str-replace($chunk, ';', '%3B');\n // $chunk: str-replace($chunk, '?', '%3F');\n // $chunk: str-replace($chunk, ':', '%3A');\n // $chunk: str-replace($chunk, '@', '%40');\n // $chunk: str-replace($chunk, '=', '%3D');\n\n $encoded: #{$encoded}#{$chunk};\n $index: $index + $slice;\n }\n @return url(\"data:image/svg+xml,#{$encoded}\");\n}\n\n\n// Helper function to replace characters in a string\n@function str-replace($string, $search, $replace: '') {\n $index: str-index($string, $search);\n @return if($index,\n str-slice($string, 1, $index - 1) + $replace +\n str-replace(str-slice($string, $index +\n str-length($search)), $search, $replace),\n $string);\n}\n\n\n@function rgba-to-rgb($rgba, $background: #fff) {\n @return mix(rgb(red($rgba), green($rgba), blue($rgba)), $background, alpha($rgba) * 100%)\n}\n\n// lightens or darkens a color based on the existing lightness of a color (for easier switchig light/dark theme)\n@function lightendarken($color, $percent) {\n @if (lightness($color) > 50) {\n @return darken($color, $percent);\n } @else {\n @return lighten($color, $percent);\n }\n}\n\n\n@mixin fluid-type($min-vw, $max-vw, $min-font-size, $max-font-size) {\n $u1: unit($min-vw);\n $u2: unit($max-vw);\n $u3: unit($min-font-size);\n $u4: unit($max-font-size);\n\n @if $u1 == $u2 and $u1 == $u3 and $u1 == $u4 {\n & {\n font-size: rem($min-font-size);\n @media screen and (min-width: $min-vw) {\n font-size: calc(#{rem($min-font-size)} + #{strip-unit($max-font-size - $min-font-size)} * ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)}));\n }\n @media screen and (min-width: $max-vw) {\n font-size: rem($max-font-size);\n }\n }\n }\n}\n","html, body {\n height: 100%;\n width: 100%;\n background: map-get($colors, 'body-bg');\n scroll-behavior: smooth;\n}\n\n.l-app {\n display: flex;\n min-height: 100vh;\n flex-direction: column;\n\n padding-top: $header-height;\n background: map-get($colors, 'body-bg');\n //filter: invert(100%);\n\n &--has-sidebar {\n @include breakpoint(large) {\n padding-left: $sidebar-width;\n }\n }\n}\n\n.l-header {\n z-index: 2;\n position: fixed;\n top: 0;\n right: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: $header-height;\n background: map-get($colors, 'header-bg');\n border-bottom: 1px solid lightendarken(map-get($colors, border), 10%);\n box-shadow: 0 1px 4px 0 rgba(0,0,0,0.1);\n\n &__logo {\n flex: auto 0 0;\n position: relative;\n\n @include breakpoint(xlarge) {\n flex: $sidebar-width 0 0;\n flex: calc(#{$sidebar-width} - #{rem(30)}) 0 0;\n }\n }\n\n &__search {\n flex-basis: 50%;\n flex-grow: 0;\n flex-shrink: 1;\n position: relative;\n\n @include breakpoint(xlarge) {\n margin: rem(0 50 0 75);\n }\n\n @include breakpoint(small only) {\n position: fixed;\n width: 100%;\n margin: 0 !important;\n top: 3.75rem;\n background: map-get($colors, 'body-bg');\n height: calc(100vh - 2.25rem);\n padding: 0 1rem 1rem 1rem;\n transform: translateY(100%);\n transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;\n }\n }\n &__versionswitch{\n margin: rem(0 15);\n }\n}\n@include breakpoint(small only) {\n #searchform:target {\n transform: translateY(0);\n }\n}\n\n.l-sidebar {\n outline: none;\n display: block;\n position: fixed;\n top: $header-height;\n bottom: 0;\n left: 0;\n width: 100%;\n transform: translateX(-100%);\n z-index: 1;\n padding: $main-margin-top rem(20) $global-margin;\n background: map-get($colors, 'sidebar-bg');\n border-right: 1px solid map-get($colors, border);\n overflow-y: scroll;\n -webkit-overflow-scrolling: touch;\n overflow-x: auto;\n transition: transform .4s ease-in-out;\n\n @include breakpoint($sidebar-breakpoint) {\n display: block;\n position: fixed;\n top: $header-height;\n bottom: 0;\n left: 0;\n width: $sidebar-width;\n transform: translateX(0);\n transition: none;\n }\n}\n\n#nav:target {\n transform: translateX(0);\n}\n\n\n.l-main {\n position: relative;\n margin: $main-margin-top rem(20) $global-margin;\n\n flex: 1;\n\n @include breakpoint(medium) {\n margin: $main-margin-top rem(50) $global-margin rem(75);\n }\n\n &__title {\n max-width: rem(1000);\n }\n\n &__contentwrapper {\n @include breakpoint(xlarge) {\n display: flex;\n justify-content: flex-start;\n flex-direction: row;\n }\n }\n\n &__content {\n @include breakpoint(medium) {\n padding-right: rem(25);\n }\n\n @include breakpoint(xlarge) {\n flex-basis: 80%;\n flex-grow: 0;\n flex-shrink: 1;\n order: 1;\n min-width: 0;\n }\n\n > :first-child {\n margin-top: 0;\n }\n }\n\n &__toc {\n @include breakpoint(xlarge) {\n flex-basis: 20%;\n flex-grow: 1;\n flex-shrink: 0;\n align-self: flex-start;\n order: 2;\n padding: rem(0 0 0 25);\n top: rem(75);\n position: sticky;\n }\n }\n\n}\n\n.l-footer {\n flex-basis: 100%;\n flex-shrink: 0;\n order: 3;\n padding: rem(30 15 15);\n margin: rem(45 0 0);\n border-top: 1px solid map-get($colors, border);\n\n @include breakpoint(medium) {\n padding: rem(30 75 15);\n }\n}\n\n@media (max-width: 768px) {\n .o-openmenu {\n order: 4;\n padding: 0 .9375rem 0 .9375rem !important;\n }\n .o-search, .l-header__search {\n order: 3;\n margin: 0 0.475rem 0 auto;\n }\n .l-header__versionswitch {\n order: 2;\n }\n .l-header__logo {\n order: 1;\n max-width: 25%;\n }\n}\n@media (max-width: 425px) {\n .l-footer {\n font-size: 14px;\n line-height: 1;\n padding: .9375rem .9375rem;\n .c-footer__nav{\n display: flex;\n justify-content: center;\n &link {\n padding: .425rem;\n }\n }\n .c-footer__copyright{\n font-size: 14px;\n line-height: 1;\n padding: .3rem .9375rem 0;\n text-align: center;\n }\n }\n}\n","// Foundation for Sites by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n\n/// Casts a map into a list.\n/// @link http://hugogiraudel.com/2014/04/28/casting-map-into-list/\n///\n/// @param {Map} $map - Map to pull a value from.\n///\n/// @returns {List} Depending on the flag, returns either $keys or $values or both.\n@function map-to-list($map, $keep: 'both') {\n $keep: if(index('keys' 'values', $keep), $keep, 'both');\n\n @if type-of($map) == 'map' {\n $keys: ();\n $values: ();\n\n @each $key, $val in $map {\n $keys: append($keys, $key);\n $values: append($values, $val);\n }\n\n @if $keep == 'keys' {\n @return $keys;\n }\n @else if $keep == 'values' {\n @return $values;\n }\n @else {\n @return zip($keys, $values);\n }\n }\n\n @return if(type-of($map) != 'list', ($value,), $map);\n\n}\n\n\n\n////\n/// @group breakpoints\n////\n\n/// A list of named breakpoints. You can use these with the `breakpoint()` mixin to quickly create media queries.\n/// @type Map\n$breakpoints: (\n small: 0,\n medium: 640px,\n large: 1024px,\n xlarge: 1200px,\n xxlarge: 1440px,\n) !default;\n\n/// The largest named breakpoint in which to include print as a media type\n/// @type Keyword\n$print-breakpoint: large !default;\n\n$-zf-zero-breakpoint: small !default;\n\n$-zf-breakpoints-keys: map-to-list($breakpoints, 'keys');\n\n@if nth(map-values($breakpoints), 1) != 0 {\n @error 'The first key in the $breakpoints map must have a value of \"0\".';\n}\n@else {\n $-zf-zero-breakpoint: nth(map-keys($breakpoints), 1);\n}\n\n/// All of the names in this list will be output as classes in your CSS, like `.small-12`, `.medium-6`, and so on. Each value in this list must also be in the `$breakpoints` map.\n/// @type List\n$breakpoint-classes: (small medium large) !default;\n\n/// Generates a media query string matching the input value. Refer to the documentation for the `breakpoint()` mixin to see what the possible inputs are.\n///\n/// @param {Keyword|Number} $val [small] - Breakpoint name, or px, rem, or em value to process.\n@function breakpoint($val: $-zf-zero-breakpoint) {\n // Size or keyword\n $bp: nth($val, 1);\n // Value for max-width media queries\n $bp-max: 0;\n // Direction of media query (up, down, or only)\n $dir: if(length($val) > 1, nth($val, 2), up);\n // Eventual output\n $str: '';\n // Is it a named media query?\n $named: false;\n\n // Orientation media queries have a unique syntax\n @if $bp == 'landscape' or $bp == 'portrait' {\n @return '(orientation: #{$bp})';\n }\n @else if $bp == 'retina' {\n @return '(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)';\n }\n\n // Try to pull a named breakpoint out of the $breakpoints map\n @if type-of($bp) == 'string' {\n @if map-has-key($breakpoints, $bp) {\n @if $dir == 'only' or $dir == 'down' {\n $bp-max: -zf-map-next($breakpoints, $bp);\n }\n\n $bp: map-get($breakpoints, $bp);\n $named: true;\n }\n @else {\n $bp: 0;\n @warn 'breakpoint(): \"#{$val}\" is not defined in your $breakpoints setting.';\n }\n }\n\n // Convert any pixel, rem, or unitless value to em\n $bp: -zf-bp-to-em($bp);\n // Max value is 0.2px under the next breakpoint (0.02 / 16 = 0.00125).\n // Use a precision under 1px to support browser zoom, but not to low to avoid rounding.\n // See https://github.com/zurb/foundation-sites/issues/11313\n @if $bp-max {\n $bp-max: -zf-bp-to-em($bp-max) - .00125;\n }\n\n // Conditions to skip media query creation\n // - It's a named breakpoint that resolved to \"0 down\" or \"0 up\"\n // - It's a numeric breakpoint that resolved to \"0 \" + anything\n @if $bp > 0em or $dir == 'only' or $dir == 'down' {\n // `only` ranges use the format `(min-width: n) and (max-width: n)`\n @if $dir == 'only' {\n // Only named media queries can have an \"only\" range\n @if $named == true {\n // Only use \"min-width\" if the floor is greater than 0\n @if $bp > 0em {\n $str: $str + '(min-width: #{$bp})';\n\n // Only add \"and\" to the media query if there's a ceiling\n @if $bp-max != null {\n $str: $str + ' and ';\n }\n }\n\n // Only use \"max-width\" if there's a ceiling\n @if $bp-max != null {\n $str: $str + '(max-width: #{$bp-max})';\n }\n }\n @else {\n @warn 'breakpoint(): Only named media queries can have an `only` range.';\n }\n }\n\n // `down` ranges use the format `(max-width: n)`\n @else if $dir == 'down' {\n $max: if($named, $bp-max, $bp);\n\n // Skip media query creation if input value is exactly \"0 down\",\n // unless the function was called as \"small down\", in which case it's just \"small only\"\n @if $named or $bp > 0em {\n @if $max != null {\n $str: $str + '(max-width: #{$max})';\n }\n }\n }\n\n // `up` ranges use the format `(min-width: n)`\n @else if $bp > 0em {\n $str: $str + '(min-width: #{$bp})';\n }\n }\n\n @return $str;\n}\n\n/// Wraps a media query around the content you put inside the mixin. This mixin accepts a number of values:\n/// - If a string is passed, the mixin will look for it in the `$breakpoints` map, and use a media query there.\n/// - If a pixel value is passed, it will be converted to an em value using `$global-font-size` as the base.\n/// - If a rem value is passed, the unit will be changed to em.\n/// - If an em value is passed, the value will be used as-is.\n///\n/// @param {Keyword|Number} $value - Breakpoint name, or px, rem, or em value to process.\n///\n/// @output If the breakpoint is \"0px and larger\", outputs the content as-is. Otherwise, outputs the content wrapped in a media query.\n@mixin breakpoint($value) {\n $str: breakpoint($value);\n $bp: index($-zf-breakpoints-keys, $value);\n $pbp: index($-zf-breakpoints-keys, $print-breakpoint);\n\n $old-zf-size: null;\n\n // Make breakpoint size available as a variable\n @if global-variable-exists(-zf-size) {\n $old-zf-size: $-zf-size;\n }\n $-zf-size: nth($value, 1) !global; // get the first value to account for `only` and `down` keywords\n\n // If $str is still an empty string, no media query is needed\n @if $str == '' {\n @content;\n }\n\n // Otherwise, wrap the content in a media query\n @else {\n // For named breakpoints less than or equal to $print-breakpoint, add print to the media types\n @if $bp != null and $bp <= $pbp {\n @media print, screen and #{$str} {\n @content;\n }\n }\n @else {\n @media screen and #{$str} {\n @content;\n }\n }\n }\n\n $-zf-size: $old-zf-size !global;\n}\n\n/// Convers the breakpoints map to a URL-encoded string, like this: `key1=value1&key2=value2`. The value is then dropped into the CSS for a special `` tag, which is read by the Foundation JavaScript. This is how we transfer values from Sass to JavaScript, so they can be defined in one place.\n/// @access private\n///\n/// @param {Map} $map - Map to convert.\n///\n/// @returns {String} A string containing the map's contents.\n@function -zf-bp-serialize($map) {\n $str: '';\n @each $key, $value in $map {\n $str: $str + $key + '=' + -zf-bp-to-em($value) + '&';\n }\n $str: str-slice($str, 1, -2);\n\n @return $str;\n}\n\n/// Find the next key in a map.\n/// @access private\n///\n/// @param {Map} $map - Map to traverse.\n/// @param {Mixed} $key - Key to use as a starting point.\n///\n/// @returns {Mixed} The value for the key after `$key`, if `$key` was found. If `$key` was not found, or `$key` was the last value in the map, returns `null`.\n@function -zf-map-next($map, $key) {\n\n // Store the keys of the map as a list\n $values: map-keys($map);\n\n $i: 0;\n\n // If the Key Exists, Get the index of the key within the map and add 1 to it for the next breakpoint in the map\n @if (map-has-key($map, $key)) {\n $i: index($values, $key) + 1;\n }\n\n // If the key doesn't exist, or it's the last key in the map, return null\n @if ($i > length($map) or $i == 0) {\n @return null;\n }\n // Otherwise, return the value\n @else {\n @return map-get($map, nth($values, $i));\n }\n\n}\n\n/// Return a list of our named breakpoints less than $key. Useful for dealing with\n/// responsive gutters for the grid.\n/// @access private\n///\n/// @param {String} $key - Key to use as last breakpoint.\n///\n/// @returns {Array} The list of breakpoints up to and. If $key is auto, returns breakpoints above the zero\n@function -zf-breakpoints-less-than($key) {\n $list: ();\n $found_key: false;\n\n @each $name in $-zf-breakpoints-keys {\n @if ($name == $key) {\n $found_key: true;\n }\n @if not $found_key {\n $list: append($list, $name);\n }\n }\n @return $list;\n}\n\n/// Return a list of our named breakpoints less than $key. Useful for dealing with\n/// responsive gutters for the grid.\n/// @access private\n///\n/// @param {String} $breakpoint - a named or non-named breakpoint.\n///\n/// @returns {Array} The list of breakpoints up to and. If $key is auto, returns breakpoints above the zero\n@function -zf-closest-named-breakpoint($breakpoint) {\n $last: $-zf-zero-breakpoint;\n $found: false;\n\n $value: unitless-calc($breakpoint, 1px);\n @each $key, $val in $breakpoints {\n @if not $found {\n @if unitless-calc($val) > $value {\n $found: true;\n } @else {\n $last: $key;\n }\n }\n }\n\n @return $last;\n}\n\n/// Get a value for a breakpoint from a responsive config map or single value.\n/// - If the config is a single value, return it regardless of `$value`.\n/// - If the config is a map and has the key `$value`, the exact breakpoint value is returned.\n/// - If the config is a map and does *not* have the breakpoint, the value matching the next lowest breakpoint in the config map is returned.\n/// @access private\n///\n/// @param {Number|Map} $map - Responsive config map or single value.\n/// @param {Keyword} $value - Breakpoint name to use.\n///\n/// @return {Mixed} The corresponding breakpoint value.\n@function -zf-get-bp-val($map, $value) {\n // If the given map is a single value, return it\n @if type-of($map) == 'number' {\n @return $map;\n }\n\n\n // Check if the breakpoint name exists globally\n @if not map-has-key($breakpoints, $value) {\n @if type-of($value) == 'number' {\n $value: -zf-closest-named-breakpoint($value);\n } @else {\n @return null;\n }\n }\n // Check if the breakpoint name exists in the local config map\n @else if map-has-key($map, $value) {\n // If it does, just return the value\n @return map-get($map, $value);\n }\n // Otherwise, find the next lowest breakpoint and return that value\n @else {\n $anchor: null;\n $found: false;\n\n @each $key, $val in $breakpoints {\n @if not $found {\n @if map-has-key($map, $key) {\n $anchor: $key;\n }\n @if $key == $value {\n $found: true;\n }\n }\n }\n\n @return map-get($map, $anchor);\n }\n}\n\n$small-up: '';\n$small-only: '';\n\n@if map-has-key($breakpoints, small) {\n $small-up: screen;\n $small-only: unquote('screen and #{breakpoint(small only)}');\n}\n\n$medium-up: '';\n$medium-only: '';\n\n@if map-has-key($breakpoints, medium) {\n $medium-up: unquote('screen and #{breakpoint(medium)}');\n $medium-only: unquote('screen and #{breakpoint(medium only)}');\n}\n\n$large-up: '';\n$large-only: '';\n\n@if map-has-key($breakpoints, large) {\n $large-up: unquote('screen and #{breakpoint(large)}');\n $large-only: unquote('screen and #{breakpoint(large only)}');\n}\n\n$xlarge-up: '';\n$xlarge-only: '';\n\n@if map-has-key($breakpoints, xlarge) {\n $xlarge-up: unquote('screen and #{breakpoint(xlarge)}');\n $xlarge-only: unquote('screen and #{breakpoint(xlarge only)}');\n}\n\n$xxlarge-up: '';\n\n@if map-has-key($breakpoints, xxlarge) {\n $xxlarge-up: unquote('screen and #{breakpoint(xxlarge)}');\n}\n",".o-logo {\n margin: rem(0 15);\n padding: rem(0);\n &__image {\n display: block;\n width: rem(170);\n max-width: 100%;\n height: $header-height;\n fill: map-get($colors, 'header-text');\n\n @include breakpoint(medium) {\n width: rem(200);\n }\n }\n}\n\n.o-docmeta {\n margin: rem(-15) 0 $global-margin*2;\n}\n\n.o-sidebar-heading {\n display: block;\n margin: 0 0 $global-margin;\n font-size: rem(20);\n font-weight: 700;\n}\n\n\n.o-openmenu, .o-search {\n display: block;\n margin: rem(0);\n padding: rem(0 15 0 30);\n\n &__icon {\n display: block;\n width: rem(29);\n height: $header-height;\n fill: map-get($colors, 'header-text');\n }\n\n /*\n &--opened {\n .o-openmenu__icon {\n fill: transparent;\n }\n }\n */\n}\n@include breakpoint($sidebar-breakpoint) {\n .o-openmenu {\n display: none;\n }\n}\n@include breakpoint(medium) {\n .o-search {\n display: none;\n }\n}\n@include breakpoint(small only) {\n .o-logo{\n margin: rem(0 7);\n }\n .o-search {\n padding: rem(0 7);\n }\n}\n.o-closemenu {\n z-index: 1;\n position: absolute;\n top: rem(10);\n right: rem(10);\n display: block;\n padding: rem(15 15);\n\n @include breakpoint($sidebar-breakpoint) {\n display: none;\n }\n\n &__icon {\n display: block;\n width: rem(30);\n height: rem(30);\n fill: map-get($colors, 'primary');\n }\n}\n","$breadcrum-item-spacing: rem(5);\n\n.c-breadcrumb {\n margin: 0 0 $global-margin;\n\n &__list {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n margin: 0 $breadcrum-item-spacing*-1;\n padding: 0;\n list-style: none;\n }\n\n &__item {\n display: block;\n flex: auto 0 0;\n }\n\n &__link {\n display: inline-block;\n padding: rem(4) $breadcrum-item-spacing;\n line-height: 1.4;\n font-size: rem(14);\n color: map-get($colors, gray);\n }\n\n &__item + &__item:before {\n content: \"\";\n display: inline-block;\n width: rem(10);\n height: rem(11);\n margin-left: rem(5);\n margin-right: rem(-1);\n background: svg-url('');\n background-repeat: no-repeat;\n background-size: 100% 100%;\n background-position: center center;\n opacity: 0.25;\n }\n}\n",".c-callout {\n color: map-get($colors, gray);\n display: block;\n margin: 0 0 $global-margin;\n padding: rem(15 20);\n background-color: map-get($colors, 'callout-info-bg');\n border-left: rem(3) solid map-get($colors, 'callout-info-border');\n a{\n color: map-get($colors, 'link-color');\n }\n\n &__title {\n display: block;\n margin: rem(0 0 5);\n text-transform: uppercase;\n letter-spacing: 1.1;\n }\n a:hover{\n color: lightendarken(map-get($colors, 'link-color'), 15%);\n }\n\n &--info{\n background-color: map-get($colors, 'callout-info-bg');\n border-color: map-get($colors, 'callout-info-border');\n a{\n color: map-get($colors, 'link-color');\n }\n }\n\n &--warning {\n background-color: map-get($colors, 'callout-warning-bg');\n border-color: map-get($colors, 'callout-warning-border');\n a{\n color: #d09c13;\n }\n }\n\n &--alert {\n background-color: map-get($colors, 'callout-alert-bg');\n border-color: map-get($colors, 'callout-alert-border');\n a{\n color: #d26d69;\n }\n }\n\n &--success {\n background-color: map-get($colors, 'callout-success-bg');\n border-color: map-get($colors, 'callout-success-border');\n a{\n color:#3e8554;\n }\n }\n}\n","/**\n * prism.js tomorrow night eighties for JavaScript, CoffeeScript, CSS and HTML\n * Based on https://github.com/chriskempson/tomorrow-theme\n * @author Rose Pritchard\n */\n\ncode[class*=\"language-\"],\npre[class*=\"language-\"] {\n\tcolor: #ccc;\n\tbackground: none;\n\tfont-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;\n\tfont-size: 1em;\n\ttext-align: left;\n\twhite-space: pre;\n\tword-spacing: normal;\n\tword-break: normal;\n\tword-wrap: normal;\n\tline-height: 1.5;\n\n\t-moz-tab-size: 4;\n\t-o-tab-size: 4;\n\ttab-size: 4;\n\n\t-webkit-hyphens: none;\n\t-moz-hyphens: none;\n\t-ms-hyphens: none;\n\thyphens: none;\n\n}\n\n/* Code blocks */\npre[class*=\"language-\"] {\n\tpadding: 1em;\n\tmargin: .5em 0;\n\toverflow: auto;\n}\n\n:not(pre) > code[class*=\"language-\"],\npre[class*=\"language-\"] {\n\tbackground: #2d2d2d;\n}\n\n/* Inline code */\n:not(pre) > code[class*=\"language-\"] {\n\tpadding: .1em;\n\tborder-radius: .3em;\n\twhite-space: normal;\n}\n\n.token.comment,\n.token.block-comment,\n.token.prolog,\n.token.doctype,\n.token.cdata {\n\tcolor: #999;\n}\n\n.token.punctuation {\n\tcolor: #ccc;\n}\n\n.token.tag,\n.token.attr-name,\n.token.namespace,\n.token.deleted {\n\tcolor: #e2777a;\n}\n\n.token.function-name {\n\tcolor: #6196cc;\n}\n\n.token.boolean,\n.token.number,\n.token.function {\n\tcolor: #f08d49;\n}\n\n.token.property,\n.token.class-name,\n.token.constant,\n.token.symbol {\n\tcolor: #f8c555;\n}\n\n.token.selector,\n.token.important,\n.token.atrule,\n.token.keyword,\n.token.builtin {\n\tcolor: #cc99cd;\n}\n\n.token.string,\n.token.char,\n.token.attr-value,\n.token.regex,\n.token.variable {\n\tcolor: #7ec699;\n}\n\n.token.operator,\n.token.entity,\n.token.url {\n\tcolor: #67cdcc;\n}\n\n.token.important,\n.token.bold {\n\tfont-weight: bold;\n}\n.token.italic {\n\tfont-style: italic;\n}\n\n.token.entity {\n\tcursor: help;\n}\n\n.token.inserted {\n\tcolor: green;\n}\n",".command-line-prompt {\n\tborder-right: 1px solid #999;\n\tdisplay: block;\n\tfloat: left;\n\tfont-size: 100%;\n\tletter-spacing: -1px;\n\tmargin-right: 1em;\n\tpointer-events: none;\n\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\tuser-select: none;\n}\n\n.command-line-prompt > span:before {\n\tcolor: #999;\n\tcontent: ' ';\n\tdisplay: block;\n\tpadding-right: 0.8em;\n}\n\n.command-line-prompt > span[data-user]:before {\n\tcontent: \"[\" attr(data-user) \"@\" attr(data-host) \"] $\";\n}\n\n.command-line-prompt > span[data-user=\"root\"]:before {\n\tcontent: \"[\" attr(data-user) \"@\" attr(data-host) \"] #\";\n}\n\n.command-line-prompt > span[data-prompt]:before {\n\tcontent: attr(data-prompt);\n}\n","pre[data-line] {\n\tposition: relative;\n\tpadding: 1em 0 1em 3em;\n}\n\n.line-highlight {\n\tposition: absolute;\n\tleft: 0;\n\tright: 0;\n\tpadding: inherit 0;\n\tmargin-top: 1em; /* Same as .prism’s padding-top */\n\n\tbackground: hsla(24, 20%, 50%,.08);\n\tbackground: linear-gradient(to right, hsla(24, 20%, 50%,.1) 70%, hsla(24, 20%, 50%,0));\n\n\tpointer-events: none;\n\n\tline-height: inherit;\n\twhite-space: pre;\n}\n\n\t.line-highlight:before,\n\t.line-highlight[data-end]:after {\n\t\tcontent: attr(data-start);\n\t\tposition: absolute;\n\t\ttop: .4em;\n\t\tleft: .6em;\n\t\tmin-width: 1em;\n\t\tpadding: 0 .5em;\n\t\tbackground-color: hsla(24, 20%, 50%,.4);\n\t\tcolor: hsl(24, 20%, 95%);\n\t\tfont: bold 65%/1.5 sans-serif;\n\t\ttext-align: center;\n\t\tvertical-align: .3em;\n\t\tborder-radius: 999px;\n\t\ttext-shadow: none;\n\t\tbox-shadow: 0 1px white;\n\t}\n\n\t.line-highlight[data-end]:after {\n\t\tcontent: attr(data-end);\n\t\ttop: auto;\n\t\tbottom: .4em;\n\t}\n\n.line-numbers .line-highlight:before,\n.line-numbers .line-highlight:after {\n\tcontent: none;\n}\n\npre[id].linkable-line-numbers span.line-numbers-rows {\n\tpointer-events: all;\n}\npre[id].linkable-line-numbers span.line-numbers-rows > span:before {\n\tcursor: pointer;\n}\npre[id].linkable-line-numbers span.line-numbers-rows > span:hover:before {\n\tbackground-color: rgba(128, 128, 128, .2);\n}\n","pre[class*=\"language-\"].line-numbers {\n\tposition: relative;\n\tpadding-left: 3.8em;\n\tcounter-reset: linenumber;\n}\n\npre[class*=\"language-\"].line-numbers > code {\n\tposition: relative;\n\twhite-space: inherit;\n}\n\n.line-numbers .line-numbers-rows {\n\tposition: absolute;\n\tpointer-events: none;\n\ttop: 0;\n\tfont-size: 100%;\n\tleft: -3.8em;\n\twidth: 3em; /* works for line-numbers below 1000 lines */\n\tletter-spacing: -1px;\n\tborder-right: 1px solid #999;\n\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\tuser-select: none;\n\n}\n\n\t.line-numbers-rows > span {\n\t\tdisplay: block;\n\t\tcounter-increment: linenumber;\n\t}\n\n\t\t.line-numbers-rows > span:before {\n\t\t\tcontent: counter(linenumber);\n\t\t\tcolor: #999;\n\t\t\tdisplay: block;\n\t\t\tpadding-right: 0.8em;\n\t\t\ttext-align: right;\n\t\t}\n","div.code-toolbar {\n\tposition: relative;\n}\n\ndiv.code-toolbar > .toolbar {\n\tposition: absolute;\n\ttop: .3em;\n\tright: .2em;\n\ttransition: opacity 0.3s ease-in-out;\n\topacity: 0;\n}\n\ndiv.code-toolbar:hover > .toolbar {\n\topacity: 1;\n}\n\n/* Separate line b/c rules are thrown out if selector is invalid.\n IE11 and old Edge versions don't support :focus-within. */\ndiv.code-toolbar:focus-within > .toolbar {\n\topacity: 1;\n}\n\ndiv.code-toolbar > .toolbar .toolbar-item {\n\tdisplay: inline-block;\n}\n\ndiv.code-toolbar > .toolbar a {\n\tcursor: pointer;\n}\n\ndiv.code-toolbar > .toolbar button {\n\tbackground: none;\n\tborder: 0;\n\tcolor: inherit;\n\tfont: inherit;\n\tline-height: normal;\n\toverflow: visible;\n\tpadding: 0;\n\t-webkit-user-select: none; /* for button */\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n}\n\ndiv.code-toolbar > .toolbar a,\ndiv.code-toolbar > .toolbar button,\ndiv.code-toolbar > .toolbar span {\n\tcolor: #bbb;\n\tfont-size: .8em;\n\tpadding: 0 .5em;\n\tbackground: #f5f2f0;\n\tbackground: rgba(224, 224, 224, 0.2);\n\tbox-shadow: 0 2px 0 0 rgba(0,0,0,0.2);\n\tborder-radius: .5em;\n}\n\ndiv.code-toolbar > .toolbar a:hover,\ndiv.code-toolbar > .toolbar a:focus,\ndiv.code-toolbar > .toolbar button:hover,\ndiv.code-toolbar > .toolbar button:focus,\ndiv.code-toolbar > .toolbar span:hover,\ndiv.code-toolbar > .toolbar span:focus {\n\tcolor: inherit;\n\ttext-decoration: none;\n}\n","// include prisimjs styles\n@import '../../../node_modules/prismjs/themes/prism-tomorrow';\n@import '../../../node_modules/prismjs/plugins/command-line/prism-command-line';\n@import '../../../node_modules/prismjs/plugins/line-highlight/prism-line-highlight';\n@import '../../../node_modules/prismjs/plugins/line-numbers/prism-line-numbers';\n@import '../../../node_modules/prismjs/plugins/toolbar/prism-toolbar';\n\n// override background color\n// :not(pre)>code[class*=\"language-\"], pre[class*=\"language-\"] {\n// background: map-get($colors, 'sidebar-bg');\n// }\n\n.token.operator {\n background: none;\n}\n",".c-footer {\n\n &__grid {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n align-items: flex-start;\n }\n\n &__cell {\n width: 100%;\n\n @include breakpoint(large) {\n width: auto;\n }\n }\n\n &__copyright {\n color: map-get($colors, gray);\n }\n\n &__nav {\n margin: rem(0 -10);\n padding: 0;\n list-style: none;\n }\n\n &__navitem {\n display: inline-block;\n }\n\n &__navlink {\n display: block;\n font-weight: 700;\n padding: rem(10);\n color: map-get($colors, gray);\n\n &:hover {\n color: map-get($colors, primary);\n }\n }\n}",".c-nav {\n margin: rem(0 0 0 -20);\n padding: 0;\n list-style: none;\n\n &__item {\n margin: 0;\n padding: 0;\n list-style: none;\n font-size: rem(15);\n line-height: 1.4;\n\n a {\n position: relative;\n display: block;\n margin-bottom: rem(10);\n padding: rem(0 0 0 20);\n text-decoration: none;\n font-weight: 500;\n color: map-get($colors, slateGray);\n transition: all .2s ease;\n\n &:hover {\n color: lightendarken(map-get($colors, 'link-color'), 15%);\n transform: translateX(2px);\n }\n }\n\n &--activepage {\n .c-nav__chevron {\n top: 0.35rem;\n }\n > a {\n position: relative;\n color: map-get($colors, 'nav-active');\n padding: 0.35rem 0 0.35rem 3.5rem;\n transition: all .2s ease;\n\n &:after, &:before {\n border: 0 solid #e2e8f0;\n }\n\n &:hover{\n transform: translateX(0);\n }\n\n .inset{\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n position: absolute;\n border-radius: .25rem;\n opacity: .25;\n background-color:map-get($colors, 'nav-active-bg');\n }\n }\n\n }\n\n &--level1 > a {\n font-size: rem(16);\n font-weight: 700;\n padding-left: rem(30);\n }\n\n &--level2 > a {\n padding-left: rem(50);\n }\n\n &--level3 > a {\n padding-left: rem(60);\n }\n\n &--level4 > a {\n padding-left: rem(80);\n }\n\n &--level5 > a {\n padding-left: rem(100);\n }\n\n &--level6 > a {\n padding-left: rem(120);\n }\n\n &--level7> a {\n padding-left: rem(140);\n }\n\n /*\n &--has-children > a {\n position: relative;\n &:before {\n content: \"\";\n display: inline-block;\n position: absolute;\n top: rem(1);\n height: rem(20);\n width: rem(20);\n margin: rem(0 0 0 -23);\n background: svg-url('');\n background-repeat: no-repeat;\n background-size: rem(7);\n background-position: center center;\n opacity: 0.6;\n transform: rotate(-90deg);\n }\n }*/\n\n &--collapsed {\n > ul {\n display: none;\n }\n > a > .c-nav__chevron {\n top: rem(1);\n transform: rotate(90deg);\n }\n }\n\n }\n\n &__chevron {\n display: inline-block;\n position: absolute;\n top: 0;\n height: rem(21);\n width: rem(21);\n padding: rem(5);\n margin: rem(0 0 0 -23);\n fill: rgba(map-get($colors, 'body-text'), 0.6);\n transform: rotate(-90deg);\n vertical-align: middle;\n }\n\n\n &__sublist {\n margin: 0 0 $global-margin*2;\n padding: 0;\n }\n}\n\n::-webkit-scrollbar, ::-webkit-scrollbar-thumb {\n width: 1rem;\n height: 1rem;\n border: .25rem solid transparent;\n border-radius: .5rem;\n background-color: transparent;\n}\n\n::-webkit-scrollbar-thumb {\n box-shadow: inset 0 0 0 1rem rgba(85,108,136,.1);\n}\n\n::-webkit-scrollbar-thumb:hover {\n box-shadow: inset 0 0 0 1rem rgba(85,108,136,.2);\n}\n\n::-webkit-resizer, ::-webkit-scrollbar-corner {\n background-color: transparent;\n}\n",".c-optionswitch {\n\n &__current {\n display: block;\n padding: rem(7 10);\n color: map-get($colors, 'header-text');\n white-space: nowrap;\n background: map-get($colors, 'header-bg');\n transition: background-color .2s ease-in-out;\n border-radius: $global-radius;\n\n &:hover {\n color: map-get($colors, 'header-text');\n background: lighten(map-get($colors, 'header-bg'), 5%);\n }\n }\n\n &__currentchevron {\n display: inline-block;\n width: rem(10);\n height: rem(10);\n fill: map-get($colors, 'header-text');\n vertical-align: middle;\n margin: rem(-1 0 0 3);\n transform: rotate(90deg);\n }\n\n &__listwrapper {\n position: absolute;\n top: $header-height - rem(1);\n display: none;\n background: map-get($colors, 'optionswitch-bg');\n box-shadow: rem(0 3 8 0) rgba(116, 129, 141, 0.1);\n\n @include breakpoint(xxlarge) {\n right: 0;\n }\n @include breakpoint(1440 down) {\n right: 0;\n }\n @include breakpoint(768 down) {\n right: 0;\n }\n\n &:target {\n display: block;\n\n @include breakpoint(medium up) {\n display: flex;\n }\n\n &:before {\n content: none;\n }\n }\n }\n\n &__list {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n &__item {\n position: relative;\n display: block;\n }\n\n &__link {\n display: block;\n padding: rem(4 10);\n color: map-get($colors, 'header-text');\n transition-duration: .2s;\n transition-timing-function: cubic-bezier(.4,0,.2,1);\n transition-property: background-color,border-color,color;\n\n &:hover {\n color: map-get($colors, 'header-text');\n background: lighten(map-get($colors, 'header-bg'), 5%);\n }\n }\n\n &__item--active &__link {\n background: lighten(map-get($colors, 'header-bg'), 7%);\n }\n\n &__translation {\n color: darken(map-get($colors, 'header-text'), 15%);\n\n &:before {\n content: \"(\";\n }\n &:after {\n content: \")\";\n }\n }\n\n &__note {\n padding: rem(0 10 10);\n color: darken(map-get($colors, 'header-text'), 15%);\n }\n}\n",".l-main-search__container {\n list-style: none;\n padding: 0;\n margin-bottom: 2rem;\n}\n\n.l-main-search__result, .l-live-search__result {\n border-top: 1px solid map_get($colors, 'header-bg');\n padding-top: 1rem;\n margin-top: 1rem;\n\n .c-breadcrumb {\n margin-bottom: 0;\n }\n\n h4 {\n margin-top: 0;\n margin-bottom: 0;\n }\n\n @include breakpoint(small only) {\n &:first-child {\n border-top: none;\n }\n }\n}\n\n.l-main-search__match, .l-live-search__match {\n summary {\n float: right;\n color: #777;\n }\n}\n\n.l-search__pagination-holder {\n list-style: none;\n padding: 0;\n text-align: center;\n}\n.l-search-page {\n display: inline-block;\n}\n.l-search-page__link {\n display: block;\n cursor: pointer;\n padding: .5rem 1rem;\n line-height: initial;\n background: #e2e8f0;\n color: map-get($colors, mirage);\n border-radius: 0.25rem;\n border: 1px solid #e2e8f0;\n\n &:hover, &:focus{\n background: map_get($colors, slateGray);\n border: 1px solid map_get($colors, #708090);\n color: map_get($colors, light);\n }\n\n &--active {\n background: map_get($colors, sapphire);\n border: 1px solid map_get($colors, sapphire);\n color: map_get($colors, light);\n }\n}\n\n.c-searchform--resultspage {\n margin-bottom: 1rem;\n .c-searchform__input {\n border: 1px solid map_get($colors, 'header-bg');\n }\n}\n.l-search__meta {\n color: map_get($colors, gray);\n}\n\n\n$ignoredColor: map_get($colors, warning);\n.l-search__ignored {\n border-left: rem(8) solid $ignoredColor;\n padding: rem(15 20);\n background-color: rgba($ignoredColor, 0.3);\n color: darken($ignoredColor, 50%);\n}\n$tipColor: map_get($colors, primary);\n.l-search__tip {\n border-left: rem(8) solid $tipColor;\n padding: rem(15 20);\n background-color: rgba($tipColor, 0.3);\n color: darken($tipColor, 50%);\n}\n\n$errorColor: map_get($colors, alert);\n.l-search__no_results {\n border-left: rem(4) solid $errorColor;\n padding: rem(15 20);\n background-color: rgba($errorColor, 0.3);\n color: darken($errorColor, 50%);\n max-width: 100%;\n\n &--live {\n margin: 0;\n }\n}\n\n.c-searchform--header {\n z-index: 5;\n}\n.l-live-search__container {\n position: absolute;\n background: #fff;\n width: 100%;\n display: none;\n border-radius: 0 0 5px 5px;\n margin-top: -3px;\n z-index: 4;\n box-shadow: 0 2px 7px 2px rgba(0,0,0,0.5);\n\n &--visible {\n display: block;\n }\n\n &--loading {\n &::before {\n content: \"Loading...\";\n width: 100%;\n display: block;\n padding: 0.5em 0.5em 0.5em 1em;\n border-radius: 5px 5px 0 0;\n color: map_get($colors, 'header-text');\n background: map_get($colors, 'header-bg');\n\n }\n &:empty::before {\n border-radius: 5px;\n }\n }\n\n @include breakpoint(small only) {\n position: initial;\n margin-top: 1em;\n border-radius: 7px;\n box-shadow: none;\n border: 1px solid #3b68af;\n }\n}\n.l-live-search__results {\n list-style: none;\n padding: 0;\n margin: 0;\n max-height: 70vh;\n overflow-y: scroll;\n\n @include breakpoint(small only) {\n max-height: calc(100vh - 15rem);\n }\n}\n.l-live-search__result, .l-main-search__result {\n padding: 0;\n margin: 0;\n position: relative;\n}\n.c-live-search__result-crumbs, .l-main-search__crumbs {\n position: absolute;\n top: 0.7rem;\n white-space: nowrap;\n text-overflow: ellipsis;\n padding: 0 1rem;\n height: 1.6em; // = line-height\n overflow: hidden;\n font-weight: 500;\n}\n.c-live-search__result-link, .l-main-search__link {\n color: map-get($colors, sapphire);\n display: block;\n padding: 2.2rem 1rem 0.7rem;\n font-weight: 500;\n &:hover, &:focus, .l-live-search__result--selected & {\n background: #f0f6ff;\n }\n}\n.l-live-search__search {\n margin: 0;\n a {\n font-weight: 500;\n display: block;\n padding: 0.7rem 1rem;\n width: 100%;\n color: map_get($colors, 'header-text');\n background: map_get($colors, 'header-bg');\n border-radius: 0 0 5px 5px;\n }\n}\n.l-main-search__result {\n max-width: $paragraph-max-width;\n}\n.l-main-search__title {\n color: map-get($colors, sapphire);\n}\n.l-main-search__link {\n &:hover, &:focus {\n .l-main-search__title {\n color: lightendarken(map-get($colors, 'link-color'), 15%);\n }\n }\n}\n.l-main-search__snippet {\n color: map-get($colors, 'body-text');\n}\n.size_code{\n font-size: 1em;\n}\n",".c-searchform {\n position: relative;\n width: 100%;\n\n @include breakpoint(small only) {\n margin-top: 1rem;\n }\n\n &__input {\n display: block;\n width: 100%;\n border: none;\n border-radius: .5rem;\n padding: rem(10 35 10 20);\n line-height: 1.5!important;\n font-family: inherit;\n font-size: 100%;\n transition: all .1s ease-in;\n background-color: #edf2f7;\n\n &:focus{\n border-color: #e2e8f0;\n background-color: #fff;\n }\n\n @include breakpoint(small only) {\n border: 1px solid map_get($colors, 'header-bg');\n }\n }\n\n &__button {\n position: absolute;\n top: rem(0);\n right: rem(10);\n bottom: rem(0);\n margin: 0;\n padding: 0;\n background: transparent;\n border: none;\n }\n\n &__icon {\n width: rem(24);\n height: rem(20);\n fill: #717171;\n vertical-align: middle;\n }\n}\n\n// Undo helpers.scss:14 for the searchform target; without this there's an unclickable area before the search.\n#searchform:target:before {\n content: \"\";\n height: 0;\n margin: 0;\n}\n","table {\n display: block;\n width: fit-content;\n //min-width: 100%;\n max-width: 100%;\n max-width: calc(100% + #{rem(20)});\n margin: $global-margin*2 0;\n border-collapse: collapse;\n overflow-x: auto;\n\n @include breakpoint(medium) {\n display: table;\n table-layout:fixed;\n width: 100%;\n max-width: 100%;\n\n td {\n word-wrap: break-word;\n }\n }\n\n tr:nth-child(2n) {\n background: map-get($colors, 'sidebar-bg');\n }\n\n td, th {\n border: 1px solid lightendarken(map-get($colors, 'border'), 10%);\n padding: rem(9 16);\n }\n\n th {\n font-weight: 700;\n text-align: center;\n }\n\n td {\n min-width: rem(170);\n\n @include breakpoint(medium) {\n min-width: 0;\n }\n }\n\n &::-webkit-scrollbar, &::-webkit-scrollbar-thumb {\n width: 1rem;\n height: 1rem;\n border: .25rem solid transparent;\n border-radius: .5rem;\n background-color: transparent;\n }\n\n &::-webkit-scrollbar-thumb {\n box-shadow: inset 0 0 0 1rem rgba(85,108,136,.1);\n }\n\n &::-webkit-scrollbar-thumb:hover {\n box-shadow: inset 0 0 0 1rem rgba(85,108,136,.2);\n }\n\n &::-webkit-resizer, &::-webkit-scrollbar-corner {\n background-color: transparent;\n }\n}\n",".c-toc {\n position: relative;\n margin: 0 0 $global-margin*2;\n/*\n &__wrapper {\n @include breakpoint(xlarge) {\n position: absolute;\n top: rem(15);\n left: 100%;\n left: calc(100% + #{rem(50)});\n width: rem(250);\n }\n }\n*/\n &__title {\n display: block;\n margin: 0 0 rem(5);\n font-size: rem(12);\n font-weight: 700;\n color: map-get($colors, cadetBlue);\n text-transform: uppercase;\n }\n\n ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n &__wrapper > ul {\n padding-left: rem(15);\n }\n\n &__wrapper > ul > li {\n margin: 0 0 rem(7);\n\n &:last-child {\n margin-bottom: 0;\n }\n\n > a {\n font-weight: 700;\n }\n }\n\n a {\n display: block;\n margin: rem(0 0 3);\n font-size: rem(13);\n font-weight: 500;\n color: map-get($colors, slateGray);\n line-height: 1.4;\n transition: all .2s ease;\n\n &:hover {\n color: map-get($colors, mirage);\n transform: translateX(2px);\n }\n }\n\n li li {\n padding-left: rem(15);\n }\n}\n",".u-show-for-sr, .u-show-on-focus {\n position: absolute !important;\n width: 1px;\n height: 1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n}\n\n// make anchor tags work with fixed header\n:target:before {\n content:\"\";\n display:block;\n height: ($header-height+$main-margin-top); /* fixed header height*/\n margin: (($header-height+$main-margin-top)*-1) 0 0; /* negative fixed header height */\n}\n\n.is-brokenlink {\n color: map-get($colors, 'link-broken');\n text-decoration: line-through;\n\n &:after {\n content: \" (link broken)\";\n text-decoration: none;\n }\n}\n\n// style external links\n//.o-content a[href*=\"//\"]:not([href*=\"docs.modx.org\"]),\n.is-externallink {\n &:after {\n content: \"\";\n display: inline-block;\n width: rem(10);\n height: rem(10);\n margin: rem(-1 2 0 4);\n\n background: svg-url('');\n background-size: 100% 100%;\n background-repeat: no-repeat;\n background-position: center center;\n }\n}\n\n.u-no-margin {\n margin: 0 !important;\n}\n.u-no-margin--top {\n margin-top: 0 !important;\n}\n.u-no-margin--bottom {\n margin-bottom: 0 !important;\n}\n\n.u-no-padding {\n padding: 0 !important;\n}\n.u-no-padding--top {\n padding-top: 0 !important;\n}\n.u-no-padding--bottom {\n padding-bottom: 0 !important;\n}\n\nhtml.no-js {\n .u-show-with-js {\n display: none !important;\n }\n}\nhtml.js {\n .u-hide-with-js {\n display: none !important;\n }\n .u-hide-with-js-sr {\n @extend .u-show-for-sr;\n }\n}\n","@media print {\n .l-app > * {\n display: none;\n }\n\n .l-app .l-main {\n display: block;\n }\n}"]} \ No newline at end of file +{"version":3,"sources":["../src/scss/app.scss","../node_modules/modern-normalize/modern-normalize.css","../src/scss/_typography.scss","../src/scss/_settings.scss","../src/scss/_functions.scss","../src/scss/_layout.scss","../src/scss/_breakpoints.scss","../src/scss/_objects.scss","../src/scss/components/_breadcrumb.scss","../src/scss/components/_callout.scss","../node_modules/prismjs/themes/prism-tomorrow.css","../node_modules/prismjs/plugins/command-line/prism-command-line.css","../node_modules/prismjs/plugins/line-highlight/prism-line-highlight.css","../node_modules/prismjs/plugins/line-numbers/prism-line-numbers.css","../node_modules/prismjs/plugins/toolbar/prism-toolbar.css","../src/scss/components/_code.scss","../src/scss/components/_contributors.scss","../src/scss/components/_footer.scss","../src/scss/components/_nav.scss","../src/scss/components/_optionswitch.scss","../src/scss/components/_search.scss","../src/scss/components/_searchform.scss","../src/scss/components/_table.scss","../src/scss/components/_toc.scss","../src/scss/_helpers.scss","../src/scss/_print.scss"],"names":[],"mappings":"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","file":"app.css","sourcesContent":["@charset \"UTF-8\";\n// http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/\n@-ms-viewport{\n width: device-width;\n}\n\n// import modnern-normalize (https://github.com/sindresorhus/modern-normalize)\n@import 'node_modules/modern-normalize/modern-normalize';\n\n// import basic utils\n@import 'functions';\n@import 'breakpoints';\n@import 'settings';\n\n// import base styles\n@import 'typography';\n@import 'layout';\n@import 'objects';\n\n// import components (sorted A -> Z)\n@import 'components/breadcrumb';\n@import 'components/callout';\n@import 'components/code';\n@import 'components/contributors';\n@import 'components/footer';\n@import 'components/nav';\n@import 'components/optionswitch';\n@import 'components/search';\n@import 'components/searchform';\n@import 'components/table';\n@import 'components/toc';\n\n// import helpers and overrides\n@import 'helpers';\n@import 'print';\n","/*! modern-normalize | MIT License | https://github.com/sindresorhus/modern-normalize */\n\n/* Document\n ========================================================================== */\n\n/**\n * Use a better box model (opinionated).\n */\n\nhtml {\n\tbox-sizing: border-box;\n}\n\n*,\n*::before,\n*::after {\n\tbox-sizing: inherit;\n}\n\n/**\n * Use a more readable tab size (opinionated).\n */\n\n:root {\n\t-moz-tab-size: 4;\n\ttab-size: 4;\n}\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n\tline-height: 1.15; /* 1 */\n\t-webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n\tmargin: 0;\n}\n\n/**\n * Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)\n */\n\nbody {\n\tfont-family:\n\t\t-apple-system,\n\t\tBlinkMacSystemFont,\n\t\t'Segoe UI',\n\t\tRoboto,\n\t\tHelvetica,\n\t\tArial,\n\t\tsans-serif,\n\t\t'Apple Color Emoji',\n\t\t'Segoe UI Emoji',\n\t\t'Segoe UI Symbol';\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * Add the correct height in Firefox.\n */\n\nhr {\n\theight: 0;\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Add the correct text decoration in Chrome, Edge, and Safari.\n */\n\nabbr[title] {\n\ttext-decoration: underline dotted;\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n\tfont-weight: bolder;\n}\n\n/**\n * 1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp,\npre {\n\tfont-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace; /* 1 */\n\tfont-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n\tfont-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in all browsers.\n */\n\nsub,\nsup {\n\tfont-size: 75%;\n\tline-height: 0;\n\tposition: relative;\n\tvertical-align: baseline;\n}\n\nsub {\n\tbottom: -0.25em;\n}\n\nsup {\n\ttop: -0.5em;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n\tfont-family: inherit; /* 1 */\n\tfont-size: 100%; /* 1 */\n\tline-height: 1.15; /* 1 */\n\tmargin: 0; /* 2 */\n}\n\n/**\n * Remove the inheritance of text transform in Edge and Firefox.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n\ttext-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n\t-webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type='button']::-moz-focus-inner,\n[type='reset']::-moz-focus-inner,\n[type='submit']::-moz-focus-inner {\n\tborder-style: none;\n\tpadding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type='button']:-moz-focusring,\n[type='reset']:-moz-focusring,\n[type='submit']:-moz-focusring {\n\toutline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n\tpadding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers.\n */\n\nlegend {\n\tpadding: 0;\n}\n\n/**\n * Add the correct vertical alignment in Chrome and Firefox.\n */\n\nprogress {\n\tvertical-align: baseline;\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Safari.\n */\n\n[type='number']::-webkit-inner-spin-button,\n[type='number']::-webkit-outer-spin-button {\n\theight: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type='search'] {\n\t-webkit-appearance: textfield; /* 1 */\n\toutline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type='search']::-webkit-search-decoration {\n\t-webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n\t-webkit-appearance: button; /* 1 */\n\tfont: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Chrome and Safari.\n */\n\nsummary {\n\tdisplay: list-item;\n}\n","body {\n background:map-get($colors, 'body-bg');\n color: map-get($colors, 'gray');\n font-family: $body-font-family;\n font-weight: 400;\n line-height: $global-line-height;\n color: map-get($colors, 'body-text');\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\nh1, h2, h3, h4, h5, h6 {\n color: map-get($colors, dark);\n line-height: 1.3;\n margin-bottom: 2rem;\n}\n\n$min_width: rem(521);\n$max_width: rem(1700);\n\nh1 {\n margin-top: rem(30);\n //font-size: rem(45);\n @include fluid-type($min_width, $max_width, rem(30), rem(50));\n}\n\nh2 {\n //font-size: rem(30);\n @include fluid-type($min_width, $max_width, rem(22), rem(35));\n}\n\nh3 {\n //font-size: rem(26);\n @include fluid-type($min_width, $max_width, rem(20), rem(31));\n}\n\nh4 {\n //font-size: rem(22);\n @include fluid-type($min_width, $max_width, rem(18), rem(27));\n}\n\nh5 {\n //font-size: rem(20);\n @include fluid-type($min_width, $max_width, rem(16), rem(25));\n}\n\nh6 {\n //font-size: rem(18);\n @include fluid-type($min_width, $max_width, rem(16), rem(23));\n}\n\n\na {\n text-decoration: none;\n color: map-get($colors, 'link-color');\n transition: color .2s ease-in-out;\n\n &:hover {\n color: lightendarken(map-get($colors, 'link-color'), 15%);\n }\n}\n\nimg {\n // Get rid of gap under images by making them display: inline-block; by default\n display: inline-block;\n vertical-align: middle;\n\n // Grid defaults to get images and embeds to work properly\n max-width: 100%;\n height: auto;\n -ms-interpolation-mode: bicubic;\n}\n\np {\n margin: 0 0 $global-margin;\n line-height: $global-line-height;\n max-width: $paragraph-max-width;\n}\n\ncode, kbd, samp, pre {\n background-color: map-get($colors, 'inline-code');\n padding: 0.1rem 0.25rem;\n font-size: .775rem;\n border-radius: .125rem;\n padding-left: .25rem;\n padding-right: .25rem;\n color: map-get($colors, sapphire);\n font-family: SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace !important;\n}\npre > code {\n padding: 0;\n}\n\ncode[class*=\"language-\"], pre[class*=\"language-\"] {\n border-radius: .5rem;\n font-size: .775rem !important;\n line-height: 1.5 !important;\n}\n\nblockquote {\n display: block;\n margin: 0 0 $global-margin;\n padding: rem(15 20);\n background-color: map-get($colors, 'callout-info-bg');\n border-left: rem(3) solid map-get($colors, 'callout-info-border');\n color: map-get($colors, gray);\n a{\n color: map-get($colors, 'link-color');\n }\n\n > :last-child {\n margin-bottom: 0;\n }\n}\n\niframe, object, video {\n max-width: 100%;\n}\n","$colors: (\n cadetBlue: #a0aec0,\n primary: #3b68af, // AA compatible\n sapphire: #314a97,\n perano: #b2c9f5,\n light: #ededed,\n gray:#4a5568, // AA compatible\n slateGray: #475365, // AAA compatible\n mirage: #1a202c,\n alert: #d26d69,\n success: #2d8b01,\n warning: #EEBF41,\n dark: #252930,\n 'callout-info-border': #5b99ea,\n 'callout-alert-border': #d26d69,\n 'callout-success-border': #5cb377,\n 'callout-warning-border': #EEBF41,\n 'callout-info-bg':#f9fbfe,\n 'callout-alert-bg': #f5f5f5,\n 'callout-success-bg': #e7f4eb,\n 'callout-warning-bg': #fdf6e5,\n 'header-bg': #fff,\n 'header-text': #4a5568, //#4a4a4a,\n 'sidebar-bg': #F5F7F9,\n 'sidebar-text': #303942,\n 'nav-active': #247978,\n 'nav-active-bg': #b2f5ea,\n 'body-bg': #fff,\n 'body-text': #4a5568,\n 'border': #E6ECF1,\n 'link-broken': #d26d69,\n 'link-color': #1c6fdc,\n 'inline-code': #ebf1ff,\n 'optionswitch-bg': #edf2f7,\n);\n\n/*\n$dark-colors: (\n primary: #68a2ff, // AA compatible\n light: #ededed,\n gray: #757575, // AA compatible\n alert: #c70000,\n success: #2d8b01,\n warning: #ffae00,\n 'header-bg': #052a67,\n 'header-text': #fff, //#4a4a4a,\n 'sidebar-bg': #141f31,\n 'body-bg': #111,\n 'body-text': #fff,\n border: #E6ECF1,\n);\n*/\n\n$breakpoints: (\n small: 0,\n medium: 700px,\n large: 1000px,\n xlarge: 1220px,\n xxlarge: 1300px\n);\n\n$global-font-size: 100%;\n$global-line-height: 1.6;\n$global-width: rem(1200);\n$global-margin: rem(15);\n$global-radius: rem(3);\n$paragraph-max-width: 80ch; // approx 60 actual flex-width font characters\n\n$body-font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n\n$header-height: rem(60);\n\n$main-margin-top: rem(30);\n\n$sidebar-width: rem(320);\n$sidebar-breakpoint: 'large';\n","/// Removes the unit (e.g. px, em, rem) from a value, returning the number only.\n///\n/// @param {Number} $num - Number to strip unit from.\n///\n/// @returns {Number} The same number, sans unit.\n@function strip-unit($num) {\n @return $num / ($num * 0 + 1);\n}\n\n/// Converts one or more pixel values into matching rem values.\n///\n/// @param {Number|List} $values - One or more values to convert. Be sure to separate them with spaces and not commas. If you need to convert a comma-separated list, wrap the list in parentheses.\n/// @param {Number} $base [null] - The base value to use when calculating the `rem`. If you're using Foundation out of the box, this is 16px. If this parameter is `null`, the function will reference the `$global-font-size` variable as the base.\n///\n/// @returns {List} A list of converted values.\n@function rem($values, $base: null) {\n $rem-values: ();\n $count: length($values);\n\n // If no base is defined, defer to the global font size\n @if $base == null {\n $base: $global-font-size;\n }\n\n // If the base font size is a %, then multiply it by 16px\n // This is because 100% font size = 16px in most all browsers\n @if unit($base) == '%' {\n $base: ($base / 100%) * 16px;\n }\n\n // Using rem as base allows correct scaling\n @if unit($base) == 'rem' {\n $base: strip-unit($base) * 16px;\n }\n\n @if $count == 1 {\n @return -zf-to-rem($values, $base);\n }\n\n @for $i from 1 through $count {\n $rem-values: append($rem-values, -zf-to-rem(nth($values, $i), $base));\n }\n\n @return $rem-values;\n}\n@function rem-calc($values, $base: null) {\n @return rem($values, $base);\n}\n\n// Converts a unitless, pixel, or rem value to em, for use in breakpoints.\n@function -zf-bp-to-em($value) {\n // Pixel and unitless values are converted to rems\n @if unit($value) == 'px' or unitless($value) {\n $value: rem-calc($value, $base: 16px);\n }\n\n // Then the value is converted to ems\n @return strip-unit($value) * 1em;\n}\n\n/// Converts a pixel value to matching rem value. *Any* value passed, regardless of unit, is assumed to be a pixel value. By default, the base pixel value used to calculate the rem value is taken from the `$global-font-size` variable.\n/// @access private\n///\n/// @param {Number} $value - Pixel value to convert.\n/// @param {Number} $base [null] - Base for pixel conversion.\n///\n/// @returns {Number} A number in rems, calculated based on the given value and the base pixel value. rem values are passed through as is.\n@function -zf-to-rem($value, $base: null) {\n // Check if the value is a number\n @if type-of($value) != 'number' {\n @warn inspect($value) + ' was passed to rem-calc(), which is not a number.';\n @return $value;\n }\n\n // Transform em into rem if someone hands over 'em's\n @if unit($value) == 'em' {\n $value: strip-unit($value) * 1rem;\n }\n\n // Calculate rem if units for $value is not rem or em\n @if unit($value) != 'rem' {\n $value: strip-unit($value) / strip-unit($base) * 1rem;\n }\n\n // Turn 0rem into 0\n @if $value == 0rem {\n $value: 0;\n }\n\n @return $value;\n}\n\n//\n// Function to create an optimized svg url https://codepen.io/jakob-e/pen/doMoML\n//\n@function svg-url($svg){\n //\n // Add missing namespace\n //\n @if not str-index($svg,xmlns) {\n $svg: str-replace($svg, '', '%3E');\n\n //\n // The maybe list\n //\n // Keep size and compile time down\n // ... only add on documented fail\n //\n // $chunk: str-replace($chunk, '|', '%7C');\n // $chunk: str-replace($chunk, '[', '%5B');\n // $chunk: str-replace($chunk, ']', '%5D');\n // $chunk: str-replace($chunk, '^', '%5E');\n // $chunk: str-replace($chunk, '`', '%60');\n // $chunk: str-replace($chunk, ';', '%3B');\n // $chunk: str-replace($chunk, '?', '%3F');\n // $chunk: str-replace($chunk, ':', '%3A');\n // $chunk: str-replace($chunk, '@', '%40');\n // $chunk: str-replace($chunk, '=', '%3D');\n\n $encoded: #{$encoded}#{$chunk};\n $index: $index + $slice;\n }\n @return url(\"data:image/svg+xml,#{$encoded}\");\n}\n\n\n// Helper function to replace characters in a string\n@function str-replace($string, $search, $replace: '') {\n $index: str-index($string, $search);\n @return if($index,\n str-slice($string, 1, $index - 1) + $replace +\n str-replace(str-slice($string, $index +\n str-length($search)), $search, $replace),\n $string);\n}\n\n\n@function rgba-to-rgb($rgba, $background: #fff) {\n @return mix(rgb(red($rgba), green($rgba), blue($rgba)), $background, alpha($rgba) * 100%)\n}\n\n// lightens or darkens a color based on the existing lightness of a color (for easier switchig light/dark theme)\n@function lightendarken($color, $percent) {\n @if (lightness($color) > 50) {\n @return darken($color, $percent);\n } @else {\n @return lighten($color, $percent);\n }\n}\n\n\n@mixin fluid-type($min-vw, $max-vw, $min-font-size, $max-font-size) {\n $u1: unit($min-vw);\n $u2: unit($max-vw);\n $u3: unit($min-font-size);\n $u4: unit($max-font-size);\n\n @if $u1 == $u2 and $u1 == $u3 and $u1 == $u4 {\n & {\n font-size: rem($min-font-size);\n @media screen and (min-width: $min-vw) {\n font-size: calc(#{rem($min-font-size)} + #{strip-unit($max-font-size - $min-font-size)} * ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)}));\n }\n @media screen and (min-width: $max-vw) {\n font-size: rem($max-font-size);\n }\n }\n }\n}\n","html, body {\n height: 100%;\n width: 100%;\n background: map-get($colors, 'body-bg');\n scroll-behavior: smooth;\n}\n\n.l-app {\n display: flex;\n min-height: 100vh;\n flex-direction: column;\n\n padding-top: $header-height;\n background: map-get($colors, 'body-bg');\n //filter: invert(100%);\n\n &--has-sidebar {\n @include breakpoint(large) {\n padding-left: $sidebar-width;\n }\n }\n}\n\n.l-header {\n z-index: 2;\n position: fixed;\n top: 0;\n right: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: $header-height;\n background: map-get($colors, 'header-bg');\n border-bottom: 1px solid lightendarken(map-get($colors, border), 10%);\n box-shadow: 0 1px 4px 0 rgba(0,0,0,0.1);\n\n &__logo {\n flex: auto 0 0;\n position: relative;\n\n @include breakpoint(xlarge) {\n flex: $sidebar-width 0 0;\n flex: calc(#{$sidebar-width} - #{rem(30)}) 0 0;\n }\n }\n\n &__search {\n flex-basis: 50%;\n flex-grow: 0;\n flex-shrink: 1;\n position: relative;\n\n @include breakpoint(xlarge) {\n margin: rem(0 50 0 75);\n }\n\n @include breakpoint(small only) {\n position: fixed;\n width: 100%;\n margin: 0 !important;\n top: 3.75rem;\n background: map-get($colors, 'body-bg');\n height: calc(100vh - 2.25rem);\n padding: 0 1rem 1rem 1rem;\n transform: translateY(100%);\n transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;\n }\n }\n &__versionswitch{\n margin: rem(0 15);\n }\n}\n@include breakpoint(small only) {\n #searchform:target {\n transform: translateY(0);\n }\n}\n\n.l-sidebar {\n outline: none;\n display: block;\n position: fixed;\n top: $header-height;\n bottom: 0;\n left: 0;\n width: 100%;\n transform: translateX(-100%);\n z-index: 1;\n padding: $main-margin-top rem(20) $global-margin;\n background: map-get($colors, 'sidebar-bg');\n border-right: 1px solid map-get($colors, border);\n overflow-y: scroll;\n -webkit-overflow-scrolling: touch;\n overflow-x: auto;\n transition: transform .4s ease-in-out;\n\n @include breakpoint($sidebar-breakpoint) {\n display: block;\n position: fixed;\n top: $header-height;\n bottom: 0;\n left: 0;\n width: $sidebar-width;\n transform: translateX(0);\n transition: none;\n }\n}\n\n#nav:target {\n transform: translateX(0);\n}\n\n\n.l-main {\n position: relative;\n margin: $main-margin-top rem(20) $global-margin;\n\n flex: 1;\n\n @include breakpoint(medium) {\n margin: $main-margin-top rem(50) $global-margin rem(75);\n }\n\n &__title {\n max-width: rem(1000);\n }\n\n &__contentwrapper {\n @include breakpoint(xlarge) {\n display: flex;\n justify-content: flex-start;\n flex-direction: row;\n }\n }\n\n &__content {\n @include breakpoint(medium) {\n padding-right: rem(25);\n }\n\n @include breakpoint(xlarge) {\n flex-basis: 80%;\n flex-grow: 0;\n flex-shrink: 1;\n order: 1;\n min-width: 0;\n }\n\n > :first-child {\n margin-top: 0;\n }\n }\n\n &__toc {\n @include breakpoint(xlarge) {\n flex-basis: 20%;\n flex-grow: 1;\n flex-shrink: 0;\n align-self: flex-start;\n order: 2;\n padding: rem(0 0 0 25);\n top: rem(75);\n position: sticky;\n }\n }\n\n}\n\n.l-footer {\n flex-basis: 100%;\n flex-shrink: 0;\n order: 3;\n padding: rem(30 15 15);\n margin: rem(45 0 0);\n border-top: 1px solid map-get($colors, border);\n\n @include breakpoint(medium) {\n padding: rem(30 75 15);\n }\n}\n\n@media (max-width: 768px) {\n .o-openmenu {\n order: 4;\n padding: 0 .9375rem 0 .9375rem !important;\n }\n .o-search, .l-header__search {\n order: 3;\n margin: 0 0.475rem 0 auto;\n }\n .l-header__versionswitch {\n order: 2;\n }\n .l-header__logo {\n order: 1;\n max-width: 25%;\n }\n}\n@media (max-width: 425px) {\n .l-footer {\n font-size: 14px;\n line-height: 1;\n padding: .9375rem .9375rem;\n .c-footer__nav{\n display: flex;\n justify-content: center;\n &link {\n padding: .425rem;\n }\n }\n .c-footer__copyright{\n font-size: 14px;\n line-height: 1;\n padding: .3rem .9375rem 0;\n text-align: center;\n }\n }\n}\n","// Foundation for Sites by ZURB\n// foundation.zurb.com\n// Licensed under MIT Open Source\n\n\n/// Casts a map into a list.\n/// @link http://hugogiraudel.com/2014/04/28/casting-map-into-list/\n///\n/// @param {Map} $map - Map to pull a value from.\n///\n/// @returns {List} Depending on the flag, returns either $keys or $values or both.\n@function map-to-list($map, $keep: 'both') {\n $keep: if(index('keys' 'values', $keep), $keep, 'both');\n\n @if type-of($map) == 'map' {\n $keys: ();\n $values: ();\n\n @each $key, $val in $map {\n $keys: append($keys, $key);\n $values: append($values, $val);\n }\n\n @if $keep == 'keys' {\n @return $keys;\n }\n @else if $keep == 'values' {\n @return $values;\n }\n @else {\n @return zip($keys, $values);\n }\n }\n\n @return if(type-of($map) != 'list', ($value,), $map);\n\n}\n\n\n////\n/// @group breakpoints\n////\n\n/// A list of named breakpoints. You can use these with the `breakpoint()` mixin to quickly create media queries.\n/// @type Map\n$breakpoints: (\n small: 0,\n medium: 640px,\n large: 1024px,\n xlarge: 1200px,\n xxlarge: 1440px,\n) !default;\n\n/// The largest named breakpoint in which to include print as a media type\n/// @type Keyword\n$print-breakpoint: large !default;\n\n$-zf-zero-breakpoint: small !default;\n\n$-zf-breakpoints-keys: map-to-list($breakpoints, 'keys');\n\n@if nth(map-values($breakpoints), 1) != 0 {\n @error 'The first key in the $breakpoints map must have a value of \"0\".';\n}\n@else {\n $-zf-zero-breakpoint: nth(map-keys($breakpoints), 1);\n}\n\n/// All of the names in this list will be output as classes in your CSS, like `.small-12`, `.medium-6`, and so on. Each value in this list must also be in the `$breakpoints` map.\n/// @type List\n$breakpoint-classes: (small medium large) !default;\n\n/// Generates a media query string matching the input value. Refer to the documentation for the `breakpoint()` mixin to see what the possible inputs are.\n///\n/// @param {Keyword|Number} $val [small] - Breakpoint name, or px, rem, or em value to process.\n@function breakpoint($val: $-zf-zero-breakpoint) {\n // Size or keyword\n $bp: nth($val, 1);\n // Value for max-width media queries\n $bp-max: 0;\n // Direction of media query (up, down, or only)\n $dir: if(length($val) > 1, nth($val, 2), up);\n // Eventual output\n $str: '';\n // Is it a named media query?\n $named: false;\n\n // Orientation media queries have a unique syntax\n @if $bp == 'landscape' or $bp == 'portrait' {\n @return '(orientation: #{$bp})';\n }\n @else if $bp == 'retina' {\n @return '(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)';\n }\n\n // Try to pull a named breakpoint out of the $breakpoints map\n @if type-of($bp) == 'string' {\n @if map-has-key($breakpoints, $bp) {\n @if $dir == 'only' or $dir == 'down' {\n $bp-max: -zf-map-next($breakpoints, $bp);\n }\n\n $bp: map-get($breakpoints, $bp);\n $named: true;\n }\n @else {\n $bp: 0;\n @warn 'breakpoint(): \"#{$val}\" is not defined in your $breakpoints setting.';\n }\n }\n\n // Convert any pixel, rem, or unitless value to em\n $bp: -zf-bp-to-em($bp);\n // Max value is 0.2px under the next breakpoint (0.02 / 16 = 0.00125).\n // Use a precision under 1px to support browser zoom, but not to low to avoid rounding.\n // See https://github.com/zurb/foundation-sites/issues/11313\n @if $bp-max {\n $bp-max: -zf-bp-to-em($bp-max) - .00125;\n }\n\n // Conditions to skip media query creation\n // - It's a named breakpoint that resolved to \"0 down\" or \"0 up\"\n // - It's a numeric breakpoint that resolved to \"0 \" + anything\n @if $bp > 0em or $dir == 'only' or $dir == 'down' {\n // `only` ranges use the format `(min-width: n) and (max-width: n)`\n @if $dir == 'only' {\n // Only named media queries can have an \"only\" range\n @if $named == true {\n // Only use \"min-width\" if the floor is greater than 0\n @if $bp > 0em {\n $str: $str + '(min-width: #{$bp})';\n\n // Only add \"and\" to the media query if there's a ceiling\n @if $bp-max != null {\n $str: $str + ' and ';\n }\n }\n\n // Only use \"max-width\" if there's a ceiling\n @if $bp-max != null {\n $str: $str + '(max-width: #{$bp-max})';\n }\n }\n @else {\n @warn 'breakpoint(): Only named media queries can have an `only` range.';\n }\n }\n\n // `down` ranges use the format `(max-width: n)`\n @else if $dir == 'down' {\n $max: if($named, $bp-max, $bp);\n\n // Skip media query creation if input value is exactly \"0 down\",\n // unless the function was called as \"small down\", in which case it's just \"small only\"\n @if $named or $bp > 0em {\n @if $max != null {\n $str: $str + '(max-width: #{$max})';\n }\n }\n }\n\n // `up` ranges use the format `(min-width: n)`\n @else if $bp > 0em {\n $str: $str + '(min-width: #{$bp})';\n }\n }\n\n @return $str;\n}\n\n/// Wraps a media query around the content you put inside the mixin. This mixin accepts a number of values:\n/// - If a string is passed, the mixin will look for it in the `$breakpoints` map, and use a media query there.\n/// - If a pixel value is passed, it will be converted to an em value using `$global-font-size` as the base.\n/// - If a rem value is passed, the unit will be changed to em.\n/// - If an em value is passed, the value will be used as-is.\n///\n/// @param {Keyword|Number} $value - Breakpoint name, or px, rem, or em value to process.\n///\n/// @output If the breakpoint is \"0px and larger\", outputs the content as-is. Otherwise, outputs the content wrapped in a media query.\n@mixin breakpoint($value) {\n $str: breakpoint($value);\n $bp: index($-zf-breakpoints-keys, $value);\n $pbp: index($-zf-breakpoints-keys, $print-breakpoint);\n\n $old-zf-size: null;\n\n // Make breakpoint size available as a variable\n @if global-variable-exists(-zf-size) {\n $old-zf-size: $-zf-size;\n }\n $-zf-size: nth($value, 1) !global; // get the first value to account for `only` and `down` keywords\n\n // If $str is still an empty string, no media query is needed\n @if $str == '' {\n @content;\n }\n\n // Otherwise, wrap the content in a media query\n @else {\n // For named breakpoints less than or equal to $print-breakpoint, add print to the media types\n @if $bp != null and $bp <= $pbp {\n @media print, screen and #{$str} {\n @content;\n }\n }\n @else {\n @media screen and #{$str} {\n @content;\n }\n }\n }\n\n $-zf-size: $old-zf-size !global;\n}\n\n/// Convers the breakpoints map to a URL-encoded string, like this: `key1=value1&key2=value2`. The value is then dropped into the CSS for a special `` tag, which is read by the Foundation JavaScript. This is how we transfer values from Sass to JavaScript, so they can be defined in one place.\n/// @access private\n///\n/// @param {Map} $map - Map to convert.\n///\n/// @returns {String} A string containing the map's contents.\n@function -zf-bp-serialize($map) {\n $str: '';\n @each $key, $value in $map {\n $str: $str + $key + '=' + -zf-bp-to-em($value) + '&';\n }\n $str: str-slice($str, 1, -2);\n\n @return $str;\n}\n\n/// Find the next key in a map.\n/// @access private\n///\n/// @param {Map} $map - Map to traverse.\n/// @param {Mixed} $key - Key to use as a starting point.\n///\n/// @returns {Mixed} The value for the key after `$key`, if `$key` was found. If `$key` was not found, or `$key` was the last value in the map, returns `null`.\n@function -zf-map-next($map, $key) {\n\n // Store the keys of the map as a list\n $values: map-keys($map);\n\n $i: 0;\n\n // If the Key Exists, Get the index of the key within the map and add 1 to it for the next breakpoint in the map\n @if (map-has-key($map, $key)) {\n $i: index($values, $key) + 1;\n }\n\n // If the key doesn't exist, or it's the last key in the map, return null\n @if ($i > length($map) or $i == 0) {\n @return null;\n }\n // Otherwise, return the value\n @else {\n @return map-get($map, nth($values, $i));\n }\n\n}\n\n/// Return a list of our named breakpoints less than $key. Useful for dealing with\n/// responsive gutters for the grid.\n/// @access private\n///\n/// @param {String} $key - Key to use as last breakpoint.\n///\n/// @returns {Array} The list of breakpoints up to and. If $key is auto, returns breakpoints above the zero\n@function -zf-breakpoints-less-than($key) {\n $list: ();\n $found_key: false;\n\n @each $name in $-zf-breakpoints-keys {\n @if ($name == $key) {\n $found_key: true;\n }\n @if not $found_key {\n $list: append($list, $name);\n }\n }\n @return $list;\n}\n\n/// Return a list of our named breakpoints less than $key. Useful for dealing with\n/// responsive gutters for the grid.\n/// @access private\n///\n/// @param {String} $breakpoint - a named or non-named breakpoint.\n///\n/// @returns {Array} The list of breakpoints up to and. If $key is auto, returns breakpoints above the zero\n@function -zf-closest-named-breakpoint($breakpoint) {\n $last: $-zf-zero-breakpoint;\n $found: false;\n\n $value: unitless-calc($breakpoint, 1px);\n @each $key, $val in $breakpoints {\n @if not $found {\n @if unitless-calc($val) > $value {\n $found: true;\n } @else {\n $last: $key;\n }\n }\n }\n\n @return $last;\n}\n\n/// Get a value for a breakpoint from a responsive config map or single value.\n/// - If the config is a single value, return it regardless of `$value`.\n/// - If the config is a map and has the key `$value`, the exact breakpoint value is returned.\n/// - If the config is a map and does *not* have the breakpoint, the value matching the next lowest breakpoint in the config map is returned.\n/// @access private\n///\n/// @param {Number|Map} $map - Responsive config map or single value.\n/// @param {Keyword} $value - Breakpoint name to use.\n///\n/// @return {Mixed} The corresponding breakpoint value.\n@function -zf-get-bp-val($map, $value) {\n // If the given map is a single value, return it\n @if type-of($map) == 'number' {\n @return $map;\n }\n\n\n // Check if the breakpoint name exists globally\n @if not map-has-key($breakpoints, $value) {\n @if type-of($value) == 'number' {\n $value: -zf-closest-named-breakpoint($value);\n } @else {\n @return null;\n }\n }\n // Check if the breakpoint name exists in the local config map\n @else if map-has-key($map, $value) {\n // If it does, just return the value\n @return map-get($map, $value);\n }\n // Otherwise, find the next lowest breakpoint and return that value\n @else {\n $anchor: null;\n $found: false;\n\n @each $key, $val in $breakpoints {\n @if not $found {\n @if map-has-key($map, $key) {\n $anchor: $key;\n }\n @if $key == $value {\n $found: true;\n }\n }\n }\n\n @return map-get($map, $anchor);\n }\n}\n\n$small-up: '';\n$small-only: '';\n\n@if map-has-key($breakpoints, small) {\n $small-up: screen;\n $small-only: unquote('screen and #{breakpoint(small only)}');\n}\n\n$medium-up: '';\n$medium-only: '';\n\n@if map-has-key($breakpoints, medium) {\n $medium-up: unquote('screen and #{breakpoint(medium)}');\n $medium-only: unquote('screen and #{breakpoint(medium only)}');\n}\n\n$large-up: '';\n$large-only: '';\n\n@if map-has-key($breakpoints, large) {\n $large-up: unquote('screen and #{breakpoint(large)}');\n $large-only: unquote('screen and #{breakpoint(large only)}');\n}\n\n$xlarge-up: '';\n$xlarge-only: '';\n\n@if map-has-key($breakpoints, xlarge) {\n $xlarge-up: unquote('screen and #{breakpoint(xlarge)}');\n $xlarge-only: unquote('screen and #{breakpoint(xlarge only)}');\n}\n\n$xxlarge-up: '';\n\n@if map-has-key($breakpoints, xxlarge) {\n $xxlarge-up: unquote('screen and #{breakpoint(xxlarge)}');\n}\n",".o-logo {\n margin: rem(0 15);\n padding: rem(0);\n &__image {\n display: block;\n width: rem(170);\n max-width: 100%;\n height: $header-height;\n fill: map-get($colors, 'header-text');\n\n @include breakpoint(medium) {\n width: rem(200);\n }\n }\n}\n\n.o-docmeta {\n margin: rem(-15) 0 $global-margin*2;\n}\n\n.o-sidebar-heading {\n display: block;\n margin: 0 0 $global-margin;\n font-size: rem(20);\n font-weight: 700;\n}\n\n\n.o-openmenu, .o-search {\n display: block;\n margin: rem(0);\n padding: rem(0 15 0 30);\n\n &__icon {\n display: block;\n width: rem(29);\n height: $header-height;\n fill: map-get($colors, 'header-text');\n }\n\n /*\n &--opened {\n .o-openmenu__icon {\n fill: transparent;\n }\n }\n */\n}\n@include breakpoint($sidebar-breakpoint) {\n .o-openmenu {\n display: none;\n }\n}\n@include breakpoint(medium) {\n .o-search {\n display: none;\n }\n}\n@include breakpoint(small only) {\n .o-logo{\n margin: rem(0 7);\n }\n .o-search {\n padding: rem(0 7);\n }\n}\n.o-closemenu {\n z-index: 1;\n position: absolute;\n top: rem(10);\n right: rem(10);\n display: block;\n padding: rem(15 15);\n\n @include breakpoint($sidebar-breakpoint) {\n display: none;\n }\n\n &__icon {\n display: block;\n width: rem(30);\n height: rem(30);\n fill: map-get($colors, 'primary');\n }\n}\n","$breadcrum-item-spacing: rem(5);\n\n.c-breadcrumb {\n margin: 0 0 $global-margin;\n\n &__list {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n margin: 0 $breadcrum-item-spacing*-1;\n padding: 0;\n list-style: none;\n }\n\n &__item {\n display: block;\n flex: auto 0 0;\n }\n\n &__link {\n display: inline-block;\n padding: rem(4) $breadcrum-item-spacing;\n line-height: 1.4;\n font-size: rem(14);\n color: map-get($colors, gray);\n }\n\n &__item + &__item:before {\n content: \"\";\n display: inline-block;\n width: rem(10);\n height: rem(11);\n margin-left: rem(5);\n margin-right: rem(-1);\n background: svg-url('');\n background-repeat: no-repeat;\n background-size: 100% 100%;\n background-position: center center;\n opacity: 0.25;\n }\n}\n",".c-callout {\n color: map-get($colors, gray);\n display: block;\n margin: 0 0 $global-margin;\n padding: rem(15 20);\n background-color: map-get($colors, 'callout-info-bg');\n border-left: rem(3) solid map-get($colors, 'callout-info-border');\n a{\n color: map-get($colors, 'link-color');\n }\n\n &__title {\n display: block;\n margin: rem(0 0 5);\n text-transform: uppercase;\n letter-spacing: 1.1;\n }\n a:hover{\n color: lightendarken(map-get($colors, 'link-color'), 15%);\n }\n\n &--info{\n background-color: map-get($colors, 'callout-info-bg');\n border-color: map-get($colors, 'callout-info-border');\n a{\n color: map-get($colors, 'link-color');\n }\n }\n\n &--warning {\n background-color: map-get($colors, 'callout-warning-bg');\n border-color: map-get($colors, 'callout-warning-border');\n a{\n color: #d09c13;\n }\n }\n\n &--alert {\n background-color: map-get($colors, 'callout-alert-bg');\n border-color: map-get($colors, 'callout-alert-border');\n a{\n color: #d26d69;\n }\n }\n\n &--success {\n background-color: map-get($colors, 'callout-success-bg');\n border-color: map-get($colors, 'callout-success-border');\n a{\n color:#3e8554;\n }\n }\n}\n","/**\n * prism.js tomorrow night eighties for JavaScript, CoffeeScript, CSS and HTML\n * Based on https://github.com/chriskempson/tomorrow-theme\n * @author Rose Pritchard\n */\n\ncode[class*=\"language-\"],\npre[class*=\"language-\"] {\n\tcolor: #ccc;\n\tbackground: none;\n\tfont-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;\n\tfont-size: 1em;\n\ttext-align: left;\n\twhite-space: pre;\n\tword-spacing: normal;\n\tword-break: normal;\n\tword-wrap: normal;\n\tline-height: 1.5;\n\n\t-moz-tab-size: 4;\n\t-o-tab-size: 4;\n\ttab-size: 4;\n\n\t-webkit-hyphens: none;\n\t-moz-hyphens: none;\n\t-ms-hyphens: none;\n\thyphens: none;\n\n}\n\n/* Code blocks */\npre[class*=\"language-\"] {\n\tpadding: 1em;\n\tmargin: .5em 0;\n\toverflow: auto;\n}\n\n:not(pre) > code[class*=\"language-\"],\npre[class*=\"language-\"] {\n\tbackground: #2d2d2d;\n}\n\n/* Inline code */\n:not(pre) > code[class*=\"language-\"] {\n\tpadding: .1em;\n\tborder-radius: .3em;\n\twhite-space: normal;\n}\n\n.token.comment,\n.token.block-comment,\n.token.prolog,\n.token.doctype,\n.token.cdata {\n\tcolor: #999;\n}\n\n.token.punctuation {\n\tcolor: #ccc;\n}\n\n.token.tag,\n.token.attr-name,\n.token.namespace,\n.token.deleted {\n\tcolor: #e2777a;\n}\n\n.token.function-name {\n\tcolor: #6196cc;\n}\n\n.token.boolean,\n.token.number,\n.token.function {\n\tcolor: #f08d49;\n}\n\n.token.property,\n.token.class-name,\n.token.constant,\n.token.symbol {\n\tcolor: #f8c555;\n}\n\n.token.selector,\n.token.important,\n.token.atrule,\n.token.keyword,\n.token.builtin {\n\tcolor: #cc99cd;\n}\n\n.token.string,\n.token.char,\n.token.attr-value,\n.token.regex,\n.token.variable {\n\tcolor: #7ec699;\n}\n\n.token.operator,\n.token.entity,\n.token.url {\n\tcolor: #67cdcc;\n}\n\n.token.important,\n.token.bold {\n\tfont-weight: bold;\n}\n.token.italic {\n\tfont-style: italic;\n}\n\n.token.entity {\n\tcursor: help;\n}\n\n.token.inserted {\n\tcolor: green;\n}\n",".command-line-prompt {\n\tborder-right: 1px solid #999;\n\tdisplay: block;\n\tfloat: left;\n\tfont-size: 100%;\n\tletter-spacing: -1px;\n\tmargin-right: 1em;\n\tpointer-events: none;\n\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\tuser-select: none;\n}\n\n.command-line-prompt > span:before {\n\tcolor: #999;\n\tcontent: ' ';\n\tdisplay: block;\n\tpadding-right: 0.8em;\n}\n\n.command-line-prompt > span[data-user]:before {\n\tcontent: \"[\" attr(data-user) \"@\" attr(data-host) \"] $\";\n}\n\n.command-line-prompt > span[data-user=\"root\"]:before {\n\tcontent: \"[\" attr(data-user) \"@\" attr(data-host) \"] #\";\n}\n\n.command-line-prompt > span[data-prompt]:before {\n\tcontent: attr(data-prompt);\n}\n","pre[data-line] {\n\tposition: relative;\n\tpadding: 1em 0 1em 3em;\n}\n\n.line-highlight {\n\tposition: absolute;\n\tleft: 0;\n\tright: 0;\n\tpadding: inherit 0;\n\tmargin-top: 1em; /* Same as .prism’s padding-top */\n\n\tbackground: hsla(24, 20%, 50%,.08);\n\tbackground: linear-gradient(to right, hsla(24, 20%, 50%,.1) 70%, hsla(24, 20%, 50%,0));\n\n\tpointer-events: none;\n\n\tline-height: inherit;\n\twhite-space: pre;\n}\n\n\t.line-highlight:before,\n\t.line-highlight[data-end]:after {\n\t\tcontent: attr(data-start);\n\t\tposition: absolute;\n\t\ttop: .4em;\n\t\tleft: .6em;\n\t\tmin-width: 1em;\n\t\tpadding: 0 .5em;\n\t\tbackground-color: hsla(24, 20%, 50%,.4);\n\t\tcolor: hsl(24, 20%, 95%);\n\t\tfont: bold 65%/1.5 sans-serif;\n\t\ttext-align: center;\n\t\tvertical-align: .3em;\n\t\tborder-radius: 999px;\n\t\ttext-shadow: none;\n\t\tbox-shadow: 0 1px white;\n\t}\n\n\t.line-highlight[data-end]:after {\n\t\tcontent: attr(data-end);\n\t\ttop: auto;\n\t\tbottom: .4em;\n\t}\n\n.line-numbers .line-highlight:before,\n.line-numbers .line-highlight:after {\n\tcontent: none;\n}\n\npre[id].linkable-line-numbers span.line-numbers-rows {\n\tpointer-events: all;\n}\npre[id].linkable-line-numbers span.line-numbers-rows > span:before {\n\tcursor: pointer;\n}\npre[id].linkable-line-numbers span.line-numbers-rows > span:hover:before {\n\tbackground-color: rgba(128, 128, 128, .2);\n}\n","pre[class*=\"language-\"].line-numbers {\n\tposition: relative;\n\tpadding-left: 3.8em;\n\tcounter-reset: linenumber;\n}\n\npre[class*=\"language-\"].line-numbers > code {\n\tposition: relative;\n\twhite-space: inherit;\n}\n\n.line-numbers .line-numbers-rows {\n\tposition: absolute;\n\tpointer-events: none;\n\ttop: 0;\n\tfont-size: 100%;\n\tleft: -3.8em;\n\twidth: 3em; /* works for line-numbers below 1000 lines */\n\tletter-spacing: -1px;\n\tborder-right: 1px solid #999;\n\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\tuser-select: none;\n\n}\n\n\t.line-numbers-rows > span {\n\t\tdisplay: block;\n\t\tcounter-increment: linenumber;\n\t}\n\n\t\t.line-numbers-rows > span:before {\n\t\t\tcontent: counter(linenumber);\n\t\t\tcolor: #999;\n\t\t\tdisplay: block;\n\t\t\tpadding-right: 0.8em;\n\t\t\ttext-align: right;\n\t\t}\n","div.code-toolbar {\n\tposition: relative;\n}\n\ndiv.code-toolbar > .toolbar {\n\tposition: absolute;\n\ttop: .3em;\n\tright: .2em;\n\ttransition: opacity 0.3s ease-in-out;\n\topacity: 0;\n}\n\ndiv.code-toolbar:hover > .toolbar {\n\topacity: 1;\n}\n\n/* Separate line b/c rules are thrown out if selector is invalid.\n IE11 and old Edge versions don't support :focus-within. */\ndiv.code-toolbar:focus-within > .toolbar {\n\topacity: 1;\n}\n\ndiv.code-toolbar > .toolbar .toolbar-item {\n\tdisplay: inline-block;\n}\n\ndiv.code-toolbar > .toolbar a {\n\tcursor: pointer;\n}\n\ndiv.code-toolbar > .toolbar button {\n\tbackground: none;\n\tborder: 0;\n\tcolor: inherit;\n\tfont: inherit;\n\tline-height: normal;\n\toverflow: visible;\n\tpadding: 0;\n\t-webkit-user-select: none; /* for button */\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n}\n\ndiv.code-toolbar > .toolbar a,\ndiv.code-toolbar > .toolbar button,\ndiv.code-toolbar > .toolbar span {\n\tcolor: #bbb;\n\tfont-size: .8em;\n\tpadding: 0 .5em;\n\tbackground: #f5f2f0;\n\tbackground: rgba(224, 224, 224, 0.2);\n\tbox-shadow: 0 2px 0 0 rgba(0,0,0,0.2);\n\tborder-radius: .5em;\n}\n\ndiv.code-toolbar > .toolbar a:hover,\ndiv.code-toolbar > .toolbar a:focus,\ndiv.code-toolbar > .toolbar button:hover,\ndiv.code-toolbar > .toolbar button:focus,\ndiv.code-toolbar > .toolbar span:hover,\ndiv.code-toolbar > .toolbar span:focus {\n\tcolor: inherit;\n\ttext-decoration: none;\n}\n","// include prisimjs styles\n@import '../../../node_modules/prismjs/themes/prism-tomorrow';\n@import '../../../node_modules/prismjs/plugins/command-line/prism-command-line';\n@import '../../../node_modules/prismjs/plugins/line-highlight/prism-line-highlight';\n@import '../../../node_modules/prismjs/plugins/line-numbers/prism-line-numbers';\n@import '../../../node_modules/prismjs/plugins/toolbar/prism-toolbar';\n\n// override background color\n// :not(pre)>code[class*=\"language-\"], pre[class*=\"language-\"] {\n// background: map-get($colors, 'sidebar-bg');\n// }\n\n.token.operator {\n background: none;\n}\n",".c-history {\n display: flex;\n align-items: center;\n margin: -.9375rem 0 1.875rem\n}\n.c-contributors {\n display: flex;\n}\n\n.c-contributor {\n border-radius: 15px;\n width: 30px;\n height: 30px;\n border: 2px solid #fff;\n margin-left: -10px;\n}\n.c-contributor:first-child {\n margin-left: 0;\n}\n.c-last-edit {\n color: #555;\n font-size: 0.9em;\n padding-left: 0.5em;\n margin-bottom: 0;\n font-weight: 500;\n}\n",".c-footer {\n\n &__grid {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n align-items: flex-start;\n }\n\n &__cell {\n width: 100%;\n\n @include breakpoint(large) {\n width: auto;\n }\n }\n\n &__copyright {\n color: map-get($colors, gray);\n }\n\n &__nav {\n margin: rem(0 -10);\n padding: 0;\n list-style: none;\n }\n\n &__navitem {\n display: inline-block;\n }\n\n &__navlink {\n display: block;\n font-weight: 700;\n padding: rem(10);\n color: map-get($colors, gray);\n\n &:hover {\n color: map-get($colors, primary);\n }\n }\n}",".c-nav {\n margin: rem(0 0 0 -20);\n padding: 0;\n list-style: none;\n\n &__item {\n margin: 0;\n padding: 0;\n list-style: none;\n font-size: rem(15);\n line-height: 1.4;\n\n a {\n position: relative;\n display: block;\n margin-bottom: rem(10);\n padding: rem(0 0 0 20);\n text-decoration: none;\n font-weight: 500;\n color: map-get($colors, slateGray);\n transition: all .2s ease;\n\n &:hover {\n color: lightendarken(map-get($colors, 'link-color'), 15%);\n transform: translateX(2px);\n }\n }\n\n &--activepage {\n .c-nav__chevron {\n top: 0.35rem;\n }\n > a {\n position: relative;\n color: map-get($colors, 'nav-active');\n padding: 0.35rem 0 0.35rem 3.5rem;\n transition: all .2s ease;\n\n &:after, &:before {\n border: 0 solid #e2e8f0;\n }\n\n &:hover{\n transform: translateX(0);\n }\n\n .inset{\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n position: absolute;\n border-radius: .25rem;\n opacity: .25;\n background-color:map-get($colors, 'nav-active-bg');\n }\n }\n\n }\n\n &--level1 > a {\n font-size: rem(16);\n font-weight: 700;\n padding-left: rem(30);\n }\n\n &--level2 > a {\n padding-left: rem(50);\n }\n\n &--level3 > a {\n padding-left: rem(60);\n }\n\n &--level4 > a {\n padding-left: rem(80);\n }\n\n &--level5 > a {\n padding-left: rem(100);\n }\n\n &--level6 > a {\n padding-left: rem(120);\n }\n\n &--level7> a {\n padding-left: rem(140);\n }\n\n /*\n &--has-children > a {\n position: relative;\n &:before {\n content: \"\";\n display: inline-block;\n position: absolute;\n top: rem(1);\n height: rem(20);\n width: rem(20);\n margin: rem(0 0 0 -23);\n background: svg-url('');\n background-repeat: no-repeat;\n background-size: rem(7);\n background-position: center center;\n opacity: 0.6;\n transform: rotate(-90deg);\n }\n }*/\n\n &--collapsed {\n > ul {\n display: none;\n }\n > a > .c-nav__chevron {\n top: rem(1);\n transform: rotate(90deg);\n }\n }\n\n }\n\n &__chevron {\n display: inline-block;\n position: absolute;\n top: 0;\n height: rem(21);\n width: rem(21);\n padding: rem(5);\n margin: rem(0 0 0 -23);\n fill: rgba(map-get($colors, 'body-text'), 0.6);\n transform: rotate(-90deg);\n vertical-align: middle;\n }\n\n\n &__sublist {\n margin: 0 0 $global-margin*2;\n padding: 0;\n }\n}\n\n::-webkit-scrollbar, ::-webkit-scrollbar-thumb {\n width: 1rem;\n height: 1rem;\n border: .25rem solid transparent;\n border-radius: .5rem;\n background-color: transparent;\n}\n\n::-webkit-scrollbar-thumb {\n box-shadow: inset 0 0 0 1rem rgba(85,108,136,.1);\n}\n\n::-webkit-scrollbar-thumb:hover {\n box-shadow: inset 0 0 0 1rem rgba(85,108,136,.2);\n}\n\n::-webkit-resizer, ::-webkit-scrollbar-corner {\n background-color: transparent;\n}\n",".c-optionswitch {\n\n &__current {\n display: block;\n padding: rem(7 10);\n color: map-get($colors, 'header-text');\n white-space: nowrap;\n background: map-get($colors, 'header-bg');\n transition: background-color .2s ease-in-out;\n border-radius: $global-radius;\n\n &:hover {\n color: map-get($colors, 'header-text');\n background: lighten(map-get($colors, 'header-bg'), 5%);\n }\n }\n\n &__currentchevron {\n display: inline-block;\n width: rem(10);\n height: rem(10);\n fill: map-get($colors, 'header-text');\n vertical-align: middle;\n margin: rem(-1 0 0 3);\n transform: rotate(90deg);\n }\n\n &__listwrapper {\n position: absolute;\n top: $header-height - rem(1);\n display: none;\n background: map-get($colors, 'optionswitch-bg');\n box-shadow: rem(0 3 8 0) rgba(116, 129, 141, 0.1);\n\n @include breakpoint(xxlarge) {\n right: 0;\n }\n @include breakpoint(1440 down) {\n right: 0;\n }\n @include breakpoint(768 down) {\n right: 0;\n }\n\n &:target {\n display: block;\n\n @include breakpoint(medium up) {\n display: flex;\n }\n\n &:before {\n content: none;\n }\n }\n }\n\n &__list {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n &__item {\n position: relative;\n display: block;\n }\n\n &__link {\n display: block;\n padding: rem(4 10);\n color: map-get($colors, 'header-text');\n transition-duration: .2s;\n transition-timing-function: cubic-bezier(.4,0,.2,1);\n transition-property: background-color,border-color,color;\n\n &:hover {\n color: map-get($colors, 'header-text');\n background: lighten(map-get($colors, 'header-bg'), 5%);\n }\n }\n\n &__item--active &__link {\n background: lighten(map-get($colors, 'header-bg'), 7%);\n }\n\n &__translation {\n color: darken(map-get($colors, 'header-text'), 15%);\n\n &:before {\n content: \"(\";\n }\n &:after {\n content: \")\";\n }\n }\n\n &__note {\n padding: rem(0 10 10);\n color: darken(map-get($colors, 'header-text'), 15%);\n }\n}\n",".l-main-search__container {\n list-style: none;\n padding: 0;\n margin-bottom: 2rem;\n}\n\n.l-main-search__result, .l-live-search__result {\n border-top: 1px solid map_get($colors, 'header-bg');\n padding-top: 1rem;\n margin-top: 1rem;\n\n .c-breadcrumb {\n margin-bottom: 0;\n }\n\n h4 {\n margin-top: 0;\n margin-bottom: 0;\n }\n\n @include breakpoint(small only) {\n &:first-child {\n border-top: none;\n }\n }\n}\n\n.l-main-search__match, .l-live-search__match {\n summary {\n float: right;\n color: #777;\n }\n}\n\n.l-search__pagination-holder {\n list-style: none;\n padding: 0;\n text-align: center;\n}\n.l-search-page {\n display: inline-block;\n}\n.l-search-page__link {\n display: block;\n cursor: pointer;\n padding: .5rem 1rem;\n line-height: initial;\n background: #e2e8f0;\n color: map-get($colors, mirage);\n border-radius: 0.25rem;\n border: 1px solid #e2e8f0;\n\n &:hover, &:focus{\n background: map_get($colors, slateGray);\n border: 1px solid map_get($colors, #708090);\n color: map_get($colors, light);\n }\n\n &--active {\n background: map_get($colors, sapphire);\n border: 1px solid map_get($colors, sapphire);\n color: map_get($colors, light);\n }\n}\n\n.c-searchform--resultspage {\n margin-bottom: 1rem;\n .c-searchform__input {\n border: 1px solid map_get($colors, 'header-bg');\n }\n}\n.l-search__meta {\n color: map_get($colors, gray);\n}\n\n\n$ignoredColor: map_get($colors, warning);\n.l-search__ignored {\n border-left: rem(8) solid $ignoredColor;\n padding: rem(15 20);\n background-color: rgba($ignoredColor, 0.3);\n color: darken($ignoredColor, 50%);\n}\n$tipColor: map_get($colors, primary);\n.l-search__tip {\n border-left: rem(8) solid $tipColor;\n padding: rem(15 20);\n background-color: rgba($tipColor, 0.3);\n color: darken($tipColor, 50%);\n}\n\n$errorColor: map_get($colors, alert);\n.l-search__no_results {\n border-left: rem(4) solid $errorColor;\n padding: rem(15 20);\n background-color: rgba($errorColor, 0.3);\n color: darken($errorColor, 50%);\n max-width: 100%;\n\n &--live {\n margin: 0;\n }\n}\n\n.c-searchform--header {\n z-index: 5;\n}\n.l-live-search__container {\n position: absolute;\n background: #fff;\n width: 100%;\n display: none;\n border-radius: 0 0 5px 5px;\n margin-top: -3px;\n z-index: 4;\n box-shadow: 0 2px 7px 2px rgba(0,0,0,0.5);\n\n &--visible {\n display: block;\n }\n\n &--loading {\n &::before {\n content: \"Loading...\";\n width: 100%;\n display: block;\n padding: 0.5em 0.5em 0.5em 1em;\n border-radius: 5px 5px 0 0;\n color: map_get($colors, 'header-text');\n background: map_get($colors, 'header-bg');\n\n }\n &:empty::before {\n border-radius: 5px;\n }\n }\n\n @include breakpoint(small only) {\n position: initial;\n margin-top: 1em;\n border-radius: 7px;\n box-shadow: none;\n border: 1px solid #3b68af;\n }\n}\n.l-live-search__results {\n list-style: none;\n padding: 0;\n margin: 0;\n max-height: 70vh;\n overflow-y: scroll;\n\n @include breakpoint(small only) {\n max-height: calc(100vh - 15rem);\n }\n}\n.l-live-search__result, .l-main-search__result {\n padding: 0;\n margin: 0;\n position: relative;\n}\n.c-live-search__result-crumbs, .l-main-search__crumbs {\n position: absolute;\n top: 0.7rem;\n white-space: nowrap;\n text-overflow: ellipsis;\n padding: 0 1rem;\n height: 1.6em; // = line-height\n overflow: hidden;\n font-weight: 500;\n}\n.c-live-search__result-link, .l-main-search__link {\n color: map-get($colors, sapphire);\n display: block;\n padding: 2.2rem 1rem 0.7rem;\n font-weight: 500;\n &:hover, &:focus, .l-live-search__result--selected & {\n background: #f0f6ff;\n }\n}\n.l-live-search__search {\n margin: 0;\n a {\n font-weight: 500;\n display: block;\n padding: 0.7rem 1rem;\n width: 100%;\n color: map_get($colors, 'header-text');\n background: map_get($colors, 'header-bg');\n border-radius: 0 0 5px 5px;\n }\n}\n.l-main-search__result {\n max-width: $paragraph-max-width;\n}\n.l-main-search__title {\n color: map-get($colors, sapphire);\n}\n.l-main-search__link {\n &:hover, &:focus {\n .l-main-search__title {\n color: lightendarken(map-get($colors, 'link-color'), 15%);\n }\n }\n}\n.l-main-search__snippet {\n color: map-get($colors, 'body-text');\n}\n.size_code{\n font-size: 1em;\n}\n",".c-searchform {\n position: relative;\n width: 100%;\n\n @include breakpoint(small only) {\n margin-top: 1rem;\n }\n\n &__input {\n display: block;\n width: 100%;\n border: none;\n border-radius: .5rem;\n padding: rem(10 35 10 20);\n line-height: 1.5!important;\n font-family: inherit;\n font-size: 100%;\n transition: all .1s ease-in;\n background-color: #edf2f7;\n\n &:focus{\n border-color: #e2e8f0;\n background-color: #fff;\n }\n\n @include breakpoint(small only) {\n border: 1px solid map_get($colors, 'header-bg');\n }\n }\n\n &__button {\n position: absolute;\n top: rem(0);\n right: rem(10);\n bottom: rem(0);\n margin: 0;\n padding: 0;\n background: transparent;\n border: none;\n }\n\n &__icon {\n width: rem(24);\n height: rem(20);\n fill: #717171;\n vertical-align: middle;\n }\n}\n\n// Undo helpers.scss:14 for the searchform target; without this there's an unclickable area before the search.\n#searchform:target:before {\n content: \"\";\n height: 0;\n margin: 0;\n}\n","table {\n display: block;\n width: fit-content;\n //min-width: 100%;\n max-width: 100%;\n max-width: calc(100% + #{rem(20)});\n margin: $global-margin*2 0;\n border-collapse: collapse;\n overflow-x: auto;\n\n @include breakpoint(medium) {\n display: table;\n table-layout:fixed;\n width: 100%;\n max-width: 100%;\n\n td {\n word-wrap: break-word;\n }\n }\n\n tr:nth-child(2n) {\n background: map-get($colors, 'sidebar-bg');\n }\n\n td, th {\n border: 1px solid lightendarken(map-get($colors, 'border'), 10%);\n padding: rem(9 16);\n }\n\n th {\n font-weight: 700;\n text-align: center;\n }\n\n td {\n min-width: rem(170);\n\n @include breakpoint(medium) {\n min-width: 0;\n }\n }\n\n &::-webkit-scrollbar, &::-webkit-scrollbar-thumb {\n width: 1rem;\n height: 1rem;\n border: .25rem solid transparent;\n border-radius: .5rem;\n background-color: transparent;\n }\n\n &::-webkit-scrollbar-thumb {\n box-shadow: inset 0 0 0 1rem rgba(85,108,136,.1);\n }\n\n &::-webkit-scrollbar-thumb:hover {\n box-shadow: inset 0 0 0 1rem rgba(85,108,136,.2);\n }\n\n &::-webkit-resizer, &::-webkit-scrollbar-corner {\n background-color: transparent;\n }\n}\n",".c-toc {\n position: relative;\n margin: 0 0 $global-margin*2;\n/*\n &__wrapper {\n @include breakpoint(xlarge) {\n position: absolute;\n top: rem(15);\n left: 100%;\n left: calc(100% + #{rem(50)});\n width: rem(250);\n }\n }\n*/\n &__title {\n display: block;\n margin: 0 0 rem(5);\n font-size: rem(12);\n font-weight: 700;\n color: map-get($colors, cadetBlue);\n text-transform: uppercase;\n }\n\n ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n &__wrapper > ul {\n padding-left: rem(15);\n }\n\n &__wrapper > ul > li {\n margin: 0 0 rem(7);\n\n &:last-child {\n margin-bottom: 0;\n }\n\n > a {\n font-weight: 700;\n }\n }\n\n a {\n display: block;\n margin: rem(0 0 3);\n font-size: rem(13);\n font-weight: 500;\n color: map-get($colors, slateGray);\n line-height: 1.4;\n transition: all .2s ease;\n\n &:hover {\n color: map-get($colors, mirage);\n transform: translateX(2px);\n }\n }\n\n li li {\n padding-left: rem(15);\n }\n}\n",".u-show-for-sr, .u-show-on-focus {\n position: absolute !important;\n width: 1px;\n height: 1px;\n padding: 0;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n}\n\n// make anchor tags work with fixed header\n:target:before {\n content:\"\";\n display:block;\n height: ($header-height+$main-margin-top); /* fixed header height*/\n margin: (($header-height+$main-margin-top)*-1) 0 0; /* negative fixed header height */\n}\n\n.is-brokenlink {\n color: map-get($colors, 'link-broken');\n text-decoration: line-through;\n\n &:after {\n content: \" (link broken)\";\n text-decoration: none;\n }\n}\n\n// style external links\n//.o-content a[href*=\"//\"]:not([href*=\"docs.modx.org\"]),\n.is-externallink {\n &:after {\n content: \"\";\n display: inline-block;\n width: rem(10);\n height: rem(10);\n margin: rem(-1 2 0 4);\n\n background: svg-url('');\n background-size: 100% 100%;\n background-repeat: no-repeat;\n background-position: center center;\n }\n}\n\n.u-no-margin {\n margin: 0 !important;\n}\n.u-no-margin--top {\n margin-top: 0 !important;\n}\n.u-no-margin--bottom {\n margin-bottom: 0 !important;\n}\n\n.u-no-padding {\n padding: 0 !important;\n}\n.u-no-padding--top {\n padding-top: 0 !important;\n}\n.u-no-padding--bottom {\n padding-bottom: 0 !important;\n}\n\nhtml.no-js {\n .u-show-with-js {\n display: none !important;\n }\n}\nhtml.js {\n .u-hide-with-js {\n display: none !important;\n }\n .u-hide-with-js-sr {\n @extend .u-show-for-sr;\n }\n}\n","@media print {\n .l-app > * {\n display: none;\n }\n\n .l-app .l-main {\n display: block;\n }\n}"]} \ No newline at end of file diff --git a/public/template/src/scss/app.scss b/public/template/src/scss/app.scss index a5da3f9..f6040d6 100644 --- a/public/template/src/scss/app.scss +++ b/public/template/src/scss/app.scss @@ -21,6 +21,7 @@ @import 'components/breadcrumb'; @import 'components/callout'; @import 'components/code'; +@import 'components/contributors'; @import 'components/footer'; @import 'components/nav'; @import 'components/optionswitch'; diff --git a/public/template/src/scss/components/_contributors.scss b/public/template/src/scss/components/_contributors.scss new file mode 100644 index 0000000..c39a57a --- /dev/null +++ b/public/template/src/scss/components/_contributors.scss @@ -0,0 +1,26 @@ +.c-history { + display: flex; + align-items: center; + margin: -.9375rem 0 1.875rem +} +.c-contributors { + display: flex; +} + +.c-contributor { + border-radius: 15px; + width: 30px; + height: 30px; + border: 2px solid #fff; + margin-left: -10px; +} +.c-contributor:first-child { + margin-left: 0; +} +.c-last-edit { + color: #555; + font-size: 0.9em; + padding-left: 0.5em; + margin-bottom: 0; + font-weight: 500; +} diff --git a/templates/documentation.twig b/templates/documentation.twig index 3415c71..3a6f88a 100644 --- a/templates/documentation.twig +++ b/templates/documentation.twig @@ -30,37 +30,6 @@

{{ meta.title }}

- {% if history %}