diff --git a/NEWS.md b/NEWS.md index 1160a00..c401dc9 100644 --- a/NEWS.md +++ b/NEWS.md @@ -1,5 +1,6 @@ # gitdevr 0.0.0.9000 +- Footer and navigation colors now follow the Chulapa GitDev skins, and the standalone dark brand resolves its background and primary colors consistently with gitdev-dark. - Quarto callout icons retain their shapes and now follow the site theme and brand colors through CSS masks. - Code blocks now use the GitHub palette in light mode and One Dark in dark mode, with small adjustments to comments and One Dark names for accessible contrast. - Navigation hover and focus states have improved contrast, and linked code tokens retain their underline. diff --git a/inst/brand_yml/_brand-dark.yml b/inst/brand_yml/_brand-dark.yml index 31da548..f4b6b89 100644 --- a/inst/brand_yml/_brand-dark.yml +++ b/inst/brand_yml/_brand-dark.yml @@ -18,6 +18,7 @@ logo: color: palette: dark: "#24292f" + body: "#24292f" black: "#373e47" white: "#ffffff" gray: "#a8b3c1" @@ -32,7 +33,7 @@ color: footer-bg: "#24292f" footer-text: "#8b949e" footer-link: "#58a6ff" - primary: "#383d43" + primary: black secondary: gray success: green warning: orange @@ -41,7 +42,7 @@ color: dark: black light: light foreground: white - background: dark + background: body typography: fonts: @@ -100,7 +101,7 @@ defaults: 7h22M4 15h22M4 23h22'/>") navbar-dark-brand-hover-color: "#ffffff" navbar-dark-toggler-border-color: "#24292f" - navbar-dark-hover-color: "$brand-gray" + navbar-dark-hover-color: "$brand-footer-text" navbar-dark-active-color: "#d3d4d5" input-placeholder-color: "$brand-footer-text" link-decoration: none @@ -110,7 +111,7 @@ defaults: dropdown-border-color: "#6c757d80" dropdown-divider-bg: "#6c757d80" dropdown-link-color: "var(--bs-navbar-color)" - dropdown-link-hover-color: "$brand-gray" + dropdown-link-hover-color: "$brand-footer-text" dropdown-link-hover-bg: "$dropdown-bg" dropdown-link-active-bg: "$dropdown-bg" dropdown-header-color: "$dropdown-link-hover-color" @@ -118,7 +119,7 @@ defaults: dropdown-dark-border-color: "#6c757d80" dropdown-dark-divider-bg: "#6c757d80" dropdown-dark-link-color: "var(--bs-navbar-color)" - dropdown-dark-link-hover-color: "$brand-gray" + dropdown-dark-link-hover-color: "$brand-footer-text" dropdown-dark-link-hover-bg: "$dropdown-dark-bg" dropdown-dark-link-active-bg: "$dropdown-dark-bg" dropdown-dark-header-color: "$dropdown-dark-link-hover-color" diff --git a/inst/brand_yml/_brand.yml b/inst/brand_yml/_brand.yml index 8bda68e..146005d 100644 --- a/inst/brand_yml/_brand.yml +++ b/inst/brand_yml/_brand.yml @@ -29,7 +29,7 @@ color: purple: "#8250df" red: "#cf222e" code: "#cf2f7d" - footer-bg: "#22272e" + footer-bg: "#0d1117" footer-text: "#8b949e" footer-link: "#58a6ff" dk-dark: "#343a40" @@ -111,7 +111,7 @@ defaults: 7h22M4 15h22M4 23h22'/>") navbar-dark-brand-hover-color: "#ffffff" navbar-dark-toggler-border-color: "#24292f" - navbar-dark-hover-color: "$brand-dk-gray" + navbar-dark-hover-color: "$brand-footer-text" navbar-dark-active-color: "#d3d4d5" input-placeholder-color: "$brand-muted" link-decoration: none @@ -121,7 +121,7 @@ defaults: dropdown-border-color: "#6c757d80" dropdown-divider-bg: "#6c757d80" dropdown-link-color: "var(--bs-navbar-color)" - dropdown-link-hover-color: "$brand-dk-gray" + dropdown-link-hover-color: "$brand-footer-text" dropdown-link-hover-bg: "$dropdown-bg" dropdown-link-active-bg: "$dropdown-bg" dropdown-header-color: "$dropdown-link-hover-color" @@ -129,7 +129,7 @@ defaults: dropdown-dark-border-color: "#6c757d80" dropdown-dark-divider-bg: "#6c757d80" dropdown-dark-link-color: "var(--bs-navbar-color)" - dropdown-dark-link-hover-color: "$brand-dk-gray" + dropdown-dark-link-hover-color: "$brand-footer-text" dropdown-dark-link-hover-bg: "$dropdown-dark-bg" dropdown-dark-link-active-bg: "$dropdown-dark-bg" dropdown-dark-header-color: "$dropdown-dark-link-hover-color" diff --git a/inst/pkgdown/_pkgdown.yml b/inst/pkgdown/_pkgdown.yml index 95b0cab..8b2a548 100644 --- a/inst/pkgdown/_pkgdown.yml +++ b/inst/pkgdown/_pkgdown.yml @@ -26,7 +26,7 @@ template: purple: "#8250df" red: "#cf222e" code: "#cf2f7d" - footer-bg: "#22272e" + footer-bg: "#0d1117" footer-text: "#8b949e" footer-link: "#58a6ff" dk-dark: "#343a40" @@ -106,7 +106,7 @@ template: d='M4 7h22M4 15h22M4 23h22'/>") navbar-dark-brand-hover-color: "#ffffff" navbar-dark-toggler-border-color: "#24292f" - navbar-dark-hover-color: "$brand-dk-gray" + navbar-dark-hover-color: "$brand-footer-text" navbar-dark-active-color: "#d3d4d5" input-placeholder-color: "$brand-muted" link-decoration: none @@ -116,7 +116,7 @@ template: dropdown-border-color: "#6c757d80" dropdown-divider-bg: "#6c757d80" dropdown-link-color: "var(--bs-navbar-color)" - dropdown-link-hover-color: "$brand-dk-gray" + dropdown-link-hover-color: "$brand-footer-text" dropdown-link-hover-bg: "$dropdown-bg" dropdown-link-active-bg: "$dropdown-bg" dropdown-header-color: "$dropdown-link-hover-color" @@ -124,7 +124,7 @@ template: dropdown-dark-border-color: "#6c757d80" dropdown-dark-divider-bg: "#6c757d80" dropdown-dark-link-color: "var(--bs-navbar-color)" - dropdown-dark-link-hover-color: "$brand-dk-gray" + dropdown-dark-link-hover-color: "$brand-footer-text" dropdown-dark-link-hover-bg: "$dropdown-dark-bg" dropdown-dark-link-active-bg: "$dropdown-dark-bg" dropdown-dark-header-color: "$dropdown-dark-link-hover-color" diff --git a/inst/pkgdown/assets/BS5/gitdevr.css b/inst/pkgdown/assets/BS5/gitdevr.css index 326583b..cdf9457 100644 --- a/inst/pkgdown/assets/BS5/gitdevr.css +++ b/inst/pkgdown/assets/BS5/gitdevr.css @@ -1,5 +1,20 @@ /*! Minified with sass; RGB companions are generated from the brand palette. */ +/* Sections + * 1. Theme variables + * 2. Typography, images, and metadata + * 3. Navigation, search, and tooltips + * 4. Code blocks and syntax highlighting + * 5. Quarto callouts + * 6. Tables and Reactable + * 7. Buttons + * 8. Footer + * 9. Accessibility and motion + * Keep component overrides after their shared rules to preserve the cascade. + */ + +/* --- 1. Theme variables --- */ + [data-bs-theme="dark"] { color-scheme: dark; --bs-body-bg: var(--brand-dk_body); @@ -62,7 +77,8 @@ --bs-code-color: var(--brand-dk_code); } -/* ---Images and captions figure spacing--- */ +/* --- 2. Typography, images, and metadata --- */ + main img { margin-left: auto; margin-right: auto; @@ -83,7 +99,48 @@ caption { width: 100%; } -/* ---Navbar tweaks--- */ +img.logo { + display: none; +} + +.template-home img.logo { + display: inline; +} + +/* Keep author and date metadata consistent between R Markdown and Quarto. */ +.author, +.date { + color: var(--bs-secondary); + font-size: var(--bs-body-font-size); + font-weight: var(--bs-body-font-weight); + margin-bottom: 0.5rem; +} + +/* Preserve the existing image brightness adjustment in dark mode. */ +[data-bs-theme="dark"] img.r-plt, +[data-bs-theme="dark"] pre .r-plt.img img, +[data-bs-theme="dark"] .cell-output-display img, +[data-bs-theme="dark"] img:not(.logo, .d-inline-block) { + filter: brightness(80%) !important; +} + +blockquote, +.blockquote { + border-left: 0.25rem solid RGBA(var(--bs-link-color-rgb), 0.3); + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.pkg { + font-weight: bold; +} + +.template-reference-topic dt { + font-weight: 800; + font-family: "Inter Tight", Roboto; +} + +/* --- 3. Navigation, search, and tooltips --- */ .navbar-brand, #navbar, @@ -93,7 +150,7 @@ caption { } .navbar .text-muted { - color: var(--bs-gray) !important; + color: var(--brand-footer_text) !important; } /* Dev version badge in navbar: fixed vivid red outside brand tokens. */ @@ -104,13 +161,13 @@ caption { /* Hovers */ #navbar .nav-link:hover, #navbar .nav-link:focus { - color: var(--brand-dk_gray) !important; + color: var(--brand-footer_text) !important; background-color: transparent; } #navbar .dropdown-menu .dropdown-item.active:hover, #navbar .dropdown-menu .dropdown-item.active:focus { - color: var(--brand-dk_gray); + color: var(--brand-footer_text); } /* Actives */ @@ -129,12 +186,12 @@ caption { border: none; } -/* --- Dividers in menu --- */ +/* Hide the first dropdown divider. */ .navbar-nav .nav-item.dropdown ul li:first-child hr { display: none; } -/* --- Search ---*/ +/* Search results and highlighted text. */ .algolia-autocomplete .aa-dropdown-menu { color: var(--bs-body-color); background-color: var(--bs-body-bg); @@ -151,7 +208,7 @@ mark, color: var(--bs-body-color); } -/* ---Nav pills--- */ +/* Navigation pills and tabs. */ .nav-pills, .nav-tabs { --bs-nav-link-color: var(--bs-link-color); @@ -171,149 +228,6 @@ mark, background-color: var(--bs-nav-pills-link-active-bg); } -/* ---Footer--- */ -footer { - --gitdevr-footer-bg: var(--brand-footer_bg); - width: 100vw; - position: relative; - left: 50%; - right: 50%; - margin-left: -50vw; - margin-right: -50vw; - margin-bottom: 0; - font-family: "Inter Tight", Roboto; - font-weight: 700; - background-color: var(--gitdevr-footer-bg) !important; -} - -/* Dark mode footer */ -[data-bs-theme="dark"] footer { - --gitdevr-footer-bg: var(--bs-body-bg); - background-color: var(--bs-body-bg) !important; -} - -footer a { - color: var(--brand-footer_link); - text-decoration: none; -} - -footer a:hover, -footer a:focus { - color: color-mix( - in srgb, - var(--brand-footer_link) 80%, - var(--gitdevr-footer-bg) - ); -} - -footer .pkgdown-footer-right { - margin-right: auto; - padding-right: 1.25rem; -} - -footer .pkgdown-footer-left { - margin-left: auto; - padding-left: 1.25rem; -} - -@media screen and (max-width: 576px) { - footer .pkgdown-footer-right, - footer .pkgdown-footer-left { - margin-right: 0.75rem; - margin-left: 0.75rem; - padding-left: 12px; - padding-right: 12px; - } -} - -@media (max-width: 768px) and (min-width: 576px) { - footer .pkgdown-footer-right, - footer .pkgdown-footer-left { - max-width: 270px; - } -} - -@media (max-width: 992px) and (min-width: 768px) { - footer .pkgdown-footer-right, - footer .pkgdown-footer-left { - max-width: 360px; - } -} - -@media (max-width: 1200px) and (min-width: 992px) { - footer .pkgdown-footer-right, - footer .pkgdown-footer-left { - max-width: 480px; - } -} - -@media (max-width: 1400px) and (min-width: 1200px) { - footer .pkgdown-footer-right, - footer .pkgdown-footer-left { - max-width: 570px; - } -} - -@media (min-width: 1400px) { - footer .pkgdown-footer-right, - footer .pkgdown-footer-left { - max-width: 660px; - } -} - -/* ---Misc--- */ - -@media (prefers-reduced-motion: no-preference) { - @view-transition { - navigation: auto; - } - - .callout .callout-btn-toggle .callout-toggle::before { - transition: transform 0.2s linear; - } -} - -img.logo { - display: none; -} - -.template-home img.logo { - display: inline; -} - -/* Render author and date consistenly between Rmd and quarto files */ -.author, -.date { - color: var(--bs-secondary); - font-size: var(--bs-body-font-size); - font-weight: var(--bs-body-font-weight); - margin-bottom: 0.5rem; -} - -/* Hack to reduce color in dark mode */ -[data-bs-theme="dark"] img.r-plt, -[data-bs-theme="dark"] pre .r-plt.img img, -[data-bs-theme="dark"] .cell-output-display img { - filter: brightness(80%) !important; -} - -[data-bs-theme="dark"] img:not(.logo, .d-inline-block) { - filter: brightness(80%) !important; -} - -blockquote, -.blockquote { - border-left: 0.25rem solid RGBA(var(--bs-link-color-rgb), 0.3); - margin-bottom: 1rem; - font-size: 1.25rem; -} - -.pkg { - font-weight: bold; -} - -/* ---Toolbox in References --- */ - .tippy-box[data-theme~="light-border"] { background-color: var(--bs-body-bg); color: var(--bs-body-color); @@ -324,7 +238,8 @@ blockquote, border-radius: var(--bs-border-radius); } -/* ---Code--- */ +/* --- 4. Code blocks and syntax highlighting --- */ + .code-with-filename { margin-bottom: 1rem; } @@ -370,12 +285,6 @@ main pre { overflow-x: auto; } -/* --- Inherited args --- */ -.template-reference-topic dt { - font-weight: 800; - font-family: "Inter Tight", Roboto; -} - /* --- Syntax highlighting: Chulapa github (light) and one.dark (dark). --- */ /* Palettes: https://github.com/dieghernan/chulapa/tree/main/_sass/highlight * Adapted from Rouge tokens to Pandoc/downlit classes used by pkgdown. @@ -575,169 +484,54 @@ pre code a:focus-visible { outline-offset: 2px; } -/* Dark reactable */ +/* --- 5. Quarto callouts --- */ -[data-bs-theme="dark"] { - .reactable.html-widget { - filter: none !important; - } +.callout { + margin-top: 1.25rem; + margin-bottom: 1.25rem; + border-radius: 0.25rem; + overflow-wrap: break-word; +} - .Reactable { - background-color: var(--bs-body-bg); - color: var(--bs-body-color); - } +.callout .callout-title-container { + overflow-wrap: anywhere; +} - .rt-sticky, - .rt-tbody, - .rt-tr, - .rt-tr-group { - background-color: inherit; - } +.callout.callout-style-simple, +.callout.callout-style-default { + border-left: 5px solid; + border-right: 1px solid RGBA(var(--bs-body-color-rgb), 0.1); + border-top: 1px solid RGBA(var(--bs-body-color-rgb), 0.1); + border-bottom: 1px solid RGBA(var(--bs-body-color-rgb), 0.1); +} - .rt-table { - border-color: var(--brand-dk_border); - } +.callout.callout-style-simple { + padding: 0.4em 0.7em; +} - .rt-th { - border-bottom: 2px solid var(--brand-dk_border); - border-left-color: var(--brand-dk_border); - } +.callout .callout-body-container { + flex-grow: 1; +} - .rt-td { - border-left-color: var(--brand-dk_border); - border-top: 1px solid var(--brand-dk_border); - } +.callout.callout-style-simple .callout-body, +.callout.callout-style-default .callout-body { + font-size: 0.9rem; + font-weight: 400; +} - .rt-th-group:after { - background-color: var(--brand-dk_border); - } +.callout.callout-style-simple .callout-body { + margin-bottom: -0.4em; + margin-top: 0.5em; +} - .rt-tr-striped { - background-color: rgba(0, 0, 0, 0.03); - } +.callout.callout-style-default .callout-body { + padding-left: 0.5em; + padding-right: 0.5em; +} - .rt-tr-striped-sticky { - background-color: var(--brand-dk_black); - } - - .rt-tr-highlight:hover, - .rt-tr-highlight-sticky:hover { - background-color: var(--bs-gray-800); - } - .rt-td-filter { - border-bottom: 1px solid var(--brand-dk_border); - } - - .rt-filter { - background-color: var(--brand-dk_black); - border: 1px solid var(--brand-dk_border); - color: inherit; - } - - .rt-filter:focus { - border: 1px solid var(--brand-dk_border); - } - - .rt-expander:after { - border-top: 7px solid var(--brand-dk_border); - } - - .rt-pagination { - border-top: 1px solid var(--brand-dk_border); - } - - .rt-page-jump, - .rt-page-size-select { - background-color: var(--bs-body-bg); - border: 1px solid var(--brand-dk_border); - } - - .rt-page-button:hover { - background-color: var(--bs-gray-800); - } - - .rt-page-button:active { - background-color: rgba(0, 0, 0, 0.08); - } - - .rt-keyboard-active .rt-page-button:focus { - background-color: rgba(0, 0, 0, 0.04); - } - - .rt-page-button:disabled:focus, - .rt-page-button:disabled:hover { - background-color: transparent; - } - - .rt-tbody-no-data .rt-td { - border-color: transparent; - } - - .rt-search { - background-color: var(--brand-dk_black); - border: 1px solid var(--brand-dk_border); - color: var(--bs-body-color); - } - - .rt-search:active, - .rt-search:focus { - border: 1px solid var(--brand-dk_border); - } - - .rt-borderless .rt-td, - .rt-tr-group:first-child > .rt-tr:first-child .rt-td { - border-top-color: var(--brand-dk_border); - } -} - -/* Quarto Callouts */ -.callout { - margin-top: 1.25rem; - margin-bottom: 1.25rem; - border-radius: 0.25rem; - overflow-wrap: break-word; -} - -.callout .callout-title-container { - overflow-wrap: anywhere; -} - -.callout.callout-style-simple { - padding: 0.4em 0.7em; - border-left: 5px solid; - border-right: 1px solid RGBA(var(--bs-body-color-rgb), 0.1); - border-top: 1px solid RGBA(var(--bs-body-color-rgb), 0.1); - border-bottom: 1px solid RGBA(var(--bs-body-color-rgb), 0.1); -} - -.callout.callout-style-default { - border-left: 5px solid; - border-right: 1px solid RGBA(var(--bs-body-color-rgb), 0.1); - border-top: 1px solid RGBA(var(--bs-body-color-rgb), 0.1); - border-bottom: 1px solid RGBA(var(--bs-body-color-rgb), 0.1); -} - -.callout .callout-body-container { - flex-grow: 1; -} - -.callout.callout-style-simple .callout-body { - font-size: 0.9rem; - font-weight: 400; - margin-bottom: -0.4em; - margin-top: 0.5em; -} - -.callout.callout-style-default .callout-body { - font-size: 0.9rem; - font-weight: 400; - padding-left: 0.5em; - padding-right: 0.5em; -} - -.callout:not(.no-icon).callout-titled.callout-style-simple .callout-body { - padding-left: 1.6em; -} +.callout:not(.no-icon).callout-titled.callout-style-simple .callout-body { + padding-left: 1.6em; +} .callout.callout-titled > .callout-header { padding-top: 0.2em; @@ -753,18 +547,19 @@ pre code a:focus-visible { border-bottom-right-radius: calc(0.25rem + -1px); } -.callout.callout-style-simple > div.callout-header { +.callout.callout-style-simple > div.callout-header, +.callout.callout-style-default > div.callout-header { border-bottom: none; font-size: 0.9rem; font-weight: 600; +} + +.callout.callout-style-simple > div.callout-header { opacity: 75%; } .callout.callout-style-default > div.callout-header { - border-bottom: none; - font-weight: 600; opacity: 85%; - font-size: 0.9rem; padding-left: 0.5em; padding-right: 0.5em; border-top-right-radius: calc(0.25rem + -1px); @@ -918,11 +713,13 @@ div.callout-tip.callout-titled .callout-icon::before { --gitdevr-callout-mask: url('data:image/svg+xml,'); } -div.callout-warning.callout { +div.callout-warning.callout, +div.callout-caution.callout { border-left-color: var(--bs-warning); } -div.callout-warning.callout-style-default > .callout-header { +div.callout-warning.callout-style-default > .callout-header, +div.callout-caution.callout-style-default > .callout-header { background-color: RGBA(var(--bs-warning-rgb), 0.1); } @@ -932,14 +729,6 @@ div.callout-warning.callout-titled .callout-icon::before { --gitdevr-callout-mask: url('data:image/svg+xml,'); } -div.callout-caution.callout { - border-left-color: var(--bs-warning); -} - -div.callout-caution.callout-style-default > .callout-header { - background-color: RGBA(var(--bs-warning-rgb), 0.1); -} - div.callout-caution:not(.callout-titled) .callout-icon::before, div.callout-caution.callout-titled .callout-icon::before { color: var(--bs-warning); @@ -968,20 +757,125 @@ div.callout-body-container.callout-body .btn-copy-ex { right: 18px !important; } -.screen-reader-only { - position: absolute; - clip: rect(0 0 0 0); - border: 0; - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - width: 1px; +/* --- 6. Tables and Reactable --- */ + +[data-bs-theme="dark"] { + .reactable.html-widget { + filter: none !important; + } + + .Reactable { + background-color: var(--bs-body-bg); + color: var(--bs-body-color); + } + + .rt-sticky, + .rt-tbody, + .rt-tr, + .rt-tr-group { + background-color: inherit; + } + + .rt-table { + border-color: var(--brand-dk_border); + } + + .rt-th { + border-bottom: 2px solid var(--brand-dk_border); + border-left-color: var(--brand-dk_border); + } + + .rt-td { + border-left-color: var(--brand-dk_border); + border-top: 1px solid var(--brand-dk_border); + } + + .rt-th-group:after { + background-color: var(--brand-dk_border); + } + + .rt-tr-striped { + background-color: rgba(0, 0, 0, 0.03); + } + + .rt-tr-striped-sticky { + background-color: var(--brand-dk_black); + } + + .rt-tr-highlight:hover, + .rt-tr-highlight-sticky:hover { + background-color: var(--bs-gray-800); + } + .rt-td-filter { + border-bottom: 1px solid var(--brand-dk_border); + } + + .rt-filter, + .rt-search { + background-color: var(--brand-dk_black); + border: 1px solid var(--brand-dk_border); + } + + .rt-filter { + color: inherit; + } + + .rt-filter:focus, + .rt-search:active, + .rt-search:focus { + border: 1px solid var(--brand-dk_border); + } + + .rt-expander:after { + border-top: 7px solid var(--brand-dk_border); + } + + .rt-pagination { + border-top: 1px solid var(--brand-dk_border); + } + + .rt-page-jump, + .rt-page-size-select { + background-color: var(--bs-body-bg); + border: 1px solid var(--brand-dk_border); + } + + .rt-page-button:hover { + background-color: var(--bs-gray-800); + } + + .rt-page-button:active { + background-color: rgba(0, 0, 0, 0.08); + } + + .rt-keyboard-active .rt-page-button:focus { + background-color: rgba(0, 0, 0, 0.04); + } + + .rt-page-button:disabled:focus, + .rt-page-button:disabled:hover { + background-color: transparent; + } + + .rt-tbody-no-data .rt-td { + border-color: transparent; + } + + .rt-search { + color: var(--bs-body-color); + } + + .rt-borderless .rt-td, + .rt-tr-group:first-child > .rt-tr:first-child .rt-td { + border-top-color: var(--brand-dk_border); + } } -/* --- Buttons in dark mode: derive every state from the semantic palette. --- */ +/* --- 7. Buttons --- */ + [data-bs-theme="dark"] { - .btn-default { + .btn-default, + .btn-outline-default { --gitdevr-btn-bg: var(--brand-dk_gray); --gitdevr-btn-fg: var(--brand-black); --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb); @@ -993,25 +887,29 @@ div.callout-body-container.callout-body .btn-copy-ex { --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb); } - .btn-success { + .btn-success, + .btn-outline-success { --gitdevr-btn-bg: var(--bs-success-color); --gitdevr-btn-fg: var(--brand-black); --bs-btn-focus-shadow-rgb: var(--bs-success-rgb); } - .btn-info { + .btn-info, + .btn-outline-info { --gitdevr-btn-bg: var(--bs-info-color); --gitdevr-btn-fg: var(--brand-black); --bs-btn-focus-shadow-rgb: var(--bs-info-rgb); } - .btn-warning { + .btn-warning, + .btn-outline-warning { --gitdevr-btn-bg: var(--bs-warning-color); --gitdevr-btn-fg: var(--brand-black); --bs-btn-focus-shadow-rgb: var(--bs-warning-rgb); } - .btn-danger { + .btn-danger, + .btn-outline-danger { --gitdevr-btn-bg: var(--bs-danger-color); --gitdevr-btn-fg: var(--brand-black); --bs-btn-focus-shadow-rgb: var(--bs-danger-rgb); @@ -1037,42 +935,12 @@ div.callout-body-container.callout-body .btn-copy-ex { --bs-btn-disabled-border-color: var(--gitdevr-btn-bg); } - .btn-outline-default { - --gitdevr-btn-bg: var(--brand-dk_gray); - --gitdevr-btn-fg: var(--brand-black); - --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb); - } - .btn-outline-primary { --gitdevr-btn-bg: var(--bs-link-color); --gitdevr-btn-fg: var(--bs-body-bg); --bs-btn-focus-shadow-rgb: var(--bs-link-color-rgb); } - .btn-outline-success { - --gitdevr-btn-bg: var(--bs-success-color); - --gitdevr-btn-fg: var(--brand-black); - --bs-btn-focus-shadow-rgb: var(--bs-success-rgb); - } - - .btn-outline-info { - --gitdevr-btn-bg: var(--bs-info-color); - --gitdevr-btn-fg: var(--brand-black); - --bs-btn-focus-shadow-rgb: var(--bs-info-rgb); - } - - .btn-outline-warning { - --gitdevr-btn-bg: var(--bs-warning-color); - --gitdevr-btn-fg: var(--brand-black); - --bs-btn-focus-shadow-rgb: var(--bs-warning-rgb); - } - - .btn-outline-danger { - --gitdevr-btn-bg: var(--bs-danger-color); - --gitdevr-btn-fg: var(--brand-black); - --bs-btn-focus-shadow-rgb: var(--bs-danger-rgb); - } - .btn-outline-default, .btn-outline-primary, .btn-outline-success, @@ -1101,3 +969,116 @@ div.callout-body-container.callout-body .btn-copy-ex { --bs-btn-focus-shadow-rgb: var(--bs-link-color-rgb); } } + +/* --- 8. Footer --- */ +footer { + --gitdevr-footer-bg: var(--brand-footer_bg); + width: 100vw; + position: relative; + left: 50%; + right: 50%; + margin-left: -50vw; + margin-right: -50vw; + margin-bottom: 0; + font-family: "Inter Tight", Roboto; + font-weight: 700; + background-color: var(--gitdevr-footer-bg) !important; +} + +/* Dark mode footer */ +[data-bs-theme="dark"] footer { + --gitdevr-footer-bg: var(--bs-body-bg); + background-color: var(--bs-body-bg) !important; +} + +footer a { + color: var(--brand-footer_link); + text-decoration: none; +} + +footer a:hover, +footer a:focus { + color: color-mix( + in srgb, + var(--brand-footer_link) 80%, + var(--gitdevr-footer-bg) + ); +} + +footer .pkgdown-footer-right { + margin-right: auto; + padding-right: 1.25rem; +} + +footer .pkgdown-footer-left { + margin-left: auto; + padding-left: 1.25rem; +} + +@media screen and (max-width: 576px) { + footer .pkgdown-footer-right, + footer .pkgdown-footer-left { + margin-right: 0.75rem; + margin-left: 0.75rem; + padding-left: 12px; + padding-right: 12px; + } +} + +@media (max-width: 768px) and (min-width: 576px) { + footer .pkgdown-footer-right, + footer .pkgdown-footer-left { + max-width: 270px; + } +} + +@media (max-width: 992px) and (min-width: 768px) { + footer .pkgdown-footer-right, + footer .pkgdown-footer-left { + max-width: 360px; + } +} + +@media (max-width: 1200px) and (min-width: 992px) { + footer .pkgdown-footer-right, + footer .pkgdown-footer-left { + max-width: 480px; + } +} + +@media (max-width: 1400px) and (min-width: 1200px) { + footer .pkgdown-footer-right, + footer .pkgdown-footer-left { + max-width: 570px; + } +} + +@media (min-width: 1400px) { + footer .pkgdown-footer-right, + footer .pkgdown-footer-left { + max-width: 660px; + } +} + +/* --- 9. Accessibility and motion --- */ + +.screen-reader-only { + position: absolute; + clip: rect(0 0 0 0); + border: 0; + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + width: 1px; +} + +@media (prefers-reduced-motion: no-preference) { + @view-transition { + navigation: auto; + } + + .callout .callout-btn-toggle .callout-toggle::before { + transition: transform 0.2s linear; + } +} diff --git a/inst/pkgdown/assets/BS5/gitdevr.min.css b/inst/pkgdown/assets/BS5/gitdevr.min.css index 01c7b45..644317f 100644 --- a/inst/pkgdown/assets/BS5/gitdevr.min.css +++ b/inst/pkgdown/assets/BS5/gitdevr.min.css @@ -1 +1 @@ -/*! Minified with sass; RGB companions are generated from the brand palette. */[data-bs-theme="dark"]{color-scheme:dark;--bs-body-bg: var(--brand-dk_body);--bs-body-bg-rgb: 36, 41, 47;--bs-body-color: var(--brand-white);--bs-body-color-rgb: 255, 255, 255;--bs-gray-500: var(--brand-dk_gray);--bs-blue: var(--brand-dk_blue);--bs-blue-rgb: 121, 184, 255;--bs-blue-color: var(--brand-dk_blue);--bs-blue-color-rgb: 121, 184, 255;--bs-primary: var(--brand-dk_black);--bs-primary-rgb: 55, 62, 71;--bs-primary-color: var(--brand-dk_black);--bs-primary-color-rgb: 55, 62, 71;--bs-secondary: var(--brand-dk_gray);--bs-secondary-rgb: 168, 179, 193;--bs-secondary-color: var(--brand-dk_gray);--bs-success: var(--brand-dk_green);--bs-success-rgb: 111, 221, 140;--bs-success-color: var(--brand-dk_green);--bs-success-color-rgb: 111, 221, 140;--bs-info: var(--brand-dk_purple);--bs-info-rgb: 184, 167, 230;--bs-info-color: var(--brand-dk_purple);--bs-info-color-rgb: 184, 167, 230;--bs-warning: var(--brand-dk_orange);--bs-warning-rgb: 227, 186, 82;--bs-warning-color: var(--brand-dk_orange);--bs-warning-color-rgb: 227, 186, 82;--bs-danger: var(--brand-dk_red);--bs-danger-rgb: 238, 143, 149;--bs-danger-color: var(--brand-dk_red);--bs-danger-color-rgb: 238, 143, 149;--bs-light: var(--brand-light);--bs-light-rgb: 248, 249, 250;--bs-light-color: var(--brand-light);--bs-light-color-rgb: 248, 249, 250;--bs-dark: var(--brand-dk_dark);--bs-dark-rgb: 52, 58, 64;--bs-dark-color: var(--brand-dk_dark);--bs-dark-color-rgb: 52, 58, 64;--bs-link: var(--brand-dk_blue);--bs-link-rgb: 121, 184, 255;--bs-link-color: var(--brand-dk_blue);--bs-link-color-rgb: 121, 184, 255;--bs-link-hover: color-mix(in srgb, var(--bs-link-color) 70%, white);--bs-link-hover-color: var(--bs-link-hover);--bs-code-color: var(--brand-dk_code)}main img{margin-left:auto;margin-right:auto;border-radius:var(--bs-border-radius)}.caption,.figure,.figcaption,figcaption,caption{color:var(--bs-secondary);margin-left:auto;margin-right:auto;margin-top:1rem;margin-bottom:1rem;font-size:0.875rem;width:100%}.navbar-brand,#navbar,.navbar .dropdown-item{font-family:"Inter Tight", Roboto;font-weight:800}.navbar .text-muted{color:var(--bs-gray) !important}.navbar .text-danger{color:#ff4d4f !important}#navbar .nav-link:hover,#navbar .nav-link:focus{color:var(--brand-dk_gray) !important;background-color:transparent}#navbar .dropdown-menu .dropdown-item.active:hover,#navbar .dropdown-menu .dropdown-item.active:focus{color:var(--brand-dk_gray)}#navbar .nav-item.active .nav-link,#navbar .dropdown-menu .dropdown-item.active{color:var(--bs-gray-200);background:transparent}#navbar .dropdown-menu .dropdown-item .fa{opacity:1;color:inherit}.navbar-toggler{border:none}.navbar-nav .nav-item.dropdown ul li:first-child hr{display:none}.algolia-autocomplete .aa-dropdown-menu{color:var(--bs-body-color);background-color:var(--bs-body-bg)}mark,.mark{background:linear-gradient(-100deg, RGBA(var(--bs-link-color-rgb), 0.2), RGBA(var(--bs-link-color-rgb), 0.7) 95%, RGBA(var(--bs-link-color-rgb), 0.1));color:var(--bs-body-color)}.nav-pills,.nav-tabs{--bs-nav-link-color: var(--bs-link-color);--bs-nav-link-hover-color: var(--bs-link-hover-color)}.nav-item .nav-link:hover,.nav-pills .nav-link:focus-visible{background-color:rgba(var(--bs-body-color-rgb), 0.08);color:var(--bs-link-hover-color)}.nav-pills .nav-link.active:hover,.nav-pills .nav-link.active:focus-visible{color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg)}footer{--gitdevr-footer-bg: var(--brand-footer_bg);width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;margin-bottom:0;font-family:"Inter Tight", Roboto;font-weight:700;background-color:var(--gitdevr-footer-bg) !important}[data-bs-theme="dark"] footer{--gitdevr-footer-bg: var(--bs-body-bg);background-color:var(--bs-body-bg) !important}footer a{color:var(--brand-footer_link);text-decoration:none}footer a:hover,footer a:focus{color:color-mix(in srgb, var(--brand-footer_link) 80%, var(--gitdevr-footer-bg))}footer .pkgdown-footer-right{margin-right:auto;padding-right:1.25rem}footer .pkgdown-footer-left{margin-left:auto;padding-left:1.25rem}@media screen and (max-width: 576px){footer .pkgdown-footer-right,footer .pkgdown-footer-left{margin-right:0.75rem;margin-left:0.75rem;padding-left:12px;padding-right:12px}}@media (max-width: 768px) and (min-width: 576px){footer .pkgdown-footer-right,footer .pkgdown-footer-left{max-width:270px}}@media (max-width: 992px) and (min-width: 768px){footer .pkgdown-footer-right,footer .pkgdown-footer-left{max-width:360px}}@media (max-width: 1200px) and (min-width: 992px){footer .pkgdown-footer-right,footer .pkgdown-footer-left{max-width:480px}}@media (max-width: 1400px) and (min-width: 1200px){footer .pkgdown-footer-right,footer .pkgdown-footer-left{max-width:570px}}@media (min-width: 1400px){footer .pkgdown-footer-right,footer .pkgdown-footer-left{max-width:660px}}@media (prefers-reduced-motion: no-preference){@view-transition{navigation:auto}.callout .callout-btn-toggle .callout-toggle::before{transition:transform 0.2s linear}}img.logo{display:none}.template-home img.logo{display:inline}.author,.date{color:var(--bs-secondary);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);margin-bottom:0.5rem}[data-bs-theme="dark"] img.r-plt,[data-bs-theme="dark"] pre .r-plt.img img,[data-bs-theme="dark"] .cell-output-display img{filter:brightness(80%) !important}[data-bs-theme="dark"] img:not(.logo,.d-inline-block){filter:brightness(80%) !important}blockquote,.blockquote{border-left:0.25rem solid RGBA(var(--bs-link-color-rgb), 0.3);margin-bottom:1rem;font-size:1.25rem}.pkg{font-weight:bold}.tippy-box[data-theme~="light-border"]{background-color:var(--bs-body-bg);color:var(--bs-body-color);font-size:0.9rem;padding:0.75rem;box-shadow:4px 4px 8px RGBA(var(--bs-body-color-rgb), 0.3);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius)}.code-with-filename{margin-bottom:1rem}.code-with-filename .code-with-filename-file pre:not(.sourceCode){margin-bottom:0;padding-top:0.25rem;padding-bottom:0.25rem;border-radius:0;color:var(--bs-body-color);background-color:RGBA(var(--bs-body-color-rgb), 0.1)}.code-with-filename .code-with-filename-file pre{border-top-left-radius:0;border-top-right-radius:0}code a:any-link{text-decoration:underline;background-color:transparent !important}a>code{text-decoration:underline;color:var(--bs-code-color)}code{word-wrap:break-word}main,main .sourceCode,main .cell,main .callout-body-container{min-width:0}main pre{max-width:100%;overflow-x:auto}.template-reference-topic dt{font-weight:800;font-family:"Inter Tight", Roboto}pre{--gitdevr-hl-bg: #f6f8fa;--gitdevr-hl-fg: #24292f;--gitdevr-hl-comment: #6a737d;--gitdevr-hl-keyword: #cf222e;--gitdevr-hl-number: #0550ae;--gitdevr-hl-constant: #0550ae;--gitdevr-hl-builtin: #953800;--gitdevr-hl-type: #cf222e;--gitdevr-hl-string: #0a3069;--gitdevr-hl-function: #8250df;--gitdevr-hl-operator: #0550ae;--gitdevr-hl-variable: #0550ae;--gitdevr-hl-attribute: #116329;--gitdevr-hl-error: #82071e;--gitdevr-hl-error-bg: #ffebe9;border:none;color:var(--gitdevr-hl-fg);background-color:var(--gitdevr-hl-bg)}[data-bs-theme="dark"] pre{--gitdevr-hl-bg: #282c34;--gitdevr-hl-fg: #abb2bf;--gitdevr-hl-comment: #8e939d;--gitdevr-hl-keyword: #c678dd;--gitdevr-hl-number: #d19a66;--gitdevr-hl-constant: #e5c07b;--gitdevr-hl-builtin: #e5c07b;--gitdevr-hl-type: #e5c07b;--gitdevr-hl-string: #98c379;--gitdevr-hl-function: #61afef;--gitdevr-hl-operator: #56b6c2;--gitdevr-hl-variable: #e37079;--gitdevr-hl-attribute: #e37079;--gitdevr-hl-error: #abb2bf;--gitdevr-hl-error-bg: transparent;color:var(--gitdevr-hl-fg);background-color:var(--gitdevr-hl-bg)}pre code,[data-bs-theme="dark"] pre code{color:var(--gitdevr-hl-fg);background-color:transparent}pre code :is(span, a).an,pre code :is(span, a).co,pre code :is(span, a).cv,pre code :is(span, a).do,pre code :is(span, a).in,pre code :is(span, a).re,[data-bs-theme="dark"] pre code :is(span, a).an,[data-bs-theme="dark"] pre code :is(span, a).co,[data-bs-theme="dark"] pre code :is(span, a).cv,[data-bs-theme="dark"] pre code :is(span, a).do,[data-bs-theme="dark"] pre code :is(span, a).in,[data-bs-theme="dark"] pre code :is(span, a).re{color:var(--gitdevr-hl-comment);font-style:normal;font-weight:normal;text-decoration:none}pre code :is(span, a).cf,pre code :is(span, a).kw,pre code :is(span, a).pp,[data-bs-theme="dark"] pre code :is(span, a).cf,[data-bs-theme="dark"] pre code :is(span, a).kw,[data-bs-theme="dark"] pre code :is(span, a).pp{color:var(--gitdevr-hl-keyword);font-style:normal;font-weight:normal;text-decoration:none}pre code :is(span, a).bn,pre code :is(span, a).dv,pre code :is(span, a).fl,[data-bs-theme="dark"] pre code :is(span, a).bn,[data-bs-theme="dark"] pre code :is(span, a).dv,[data-bs-theme="dark"] pre code :is(span, a).fl{color:var(--gitdevr-hl-number);font-style:normal;font-weight:normal;text-decoration:none}pre code :is(span, a).cn,[data-bs-theme="dark"] pre code :is(span, a).cn{color:var(--gitdevr-hl-constant);font-style:normal;font-weight:normal;text-decoration:none}pre code :is(span, a).bu,[data-bs-theme="dark"] pre code :is(span, a).bu{color:var(--gitdevr-hl-builtin);font-style:normal;font-weight:normal;text-decoration:none}pre code :is(span, a).dt,[data-bs-theme="dark"] pre code :is(span, a).dt{color:var(--gitdevr-hl-type);font-style:normal;font-weight:normal;text-decoration:none}pre code :is(span, a).ch,pre code :is(span, a).im,pre code :is(span, a).ot,pre code :is(span, a).sc,pre code :is(span, a).ss,pre code :is(span, a).st,pre code :is(span, a).vs,[data-bs-theme="dark"] pre code :is(span, a).ch,[data-bs-theme="dark"] pre code :is(span, a).im,[data-bs-theme="dark"] pre code :is(span, a).ot,[data-bs-theme="dark"] pre code :is(span, a).sc,[data-bs-theme="dark"] pre code :is(span, a).ss,[data-bs-theme="dark"] pre code :is(span, a).st,[data-bs-theme="dark"] pre code :is(span, a).vs{color:var(--gitdevr-hl-string);font-style:normal;font-weight:normal;text-decoration:none}pre code :is(span, a).ex,pre code :is(span, a).fu,[data-bs-theme="dark"] pre code :is(span, a).ex,[data-bs-theme="dark"] pre code :is(span, a).fu{color:var(--gitdevr-hl-function);font-style:normal;font-weight:normal;text-decoration:none}pre code :is(span, a).op,[data-bs-theme="dark"] pre code :is(span, a).op{color:var(--gitdevr-hl-operator);font-style:normal;font-weight:normal;text-decoration:none}pre code :is(span, a).va,[data-bs-theme="dark"] pre code :is(span, a).va{color:var(--gitdevr-hl-variable);font-style:normal;font-weight:normal;text-decoration:none}pre code :is(span, a).at,[data-bs-theme="dark"] pre code :is(span, a).at{color:var(--gitdevr-hl-attribute);font-style:normal;font-weight:normal;text-decoration:none}pre code :is(span, a).al,pre code :is(span, a).er,pre code :is(span, a).wa,[data-bs-theme="dark"] pre code :is(span, a).al,[data-bs-theme="dark"] pre code :is(span, a).er,[data-bs-theme="dark"] pre code :is(span, a).wa{color:var(--gitdevr-hl-error);font-style:normal;font-weight:normal;text-decoration:none;background-color:var(--gitdevr-hl-error-bg)}[data-bs-theme="dark"] pre code :is(span, a).fu{font-weight:bold}pre code a:any-link,[data-bs-theme="dark"] pre code a:any-link{text-decoration:underline;text-underline-offset:0.15em}pre code a:focus-visible{outline:2px solid currentColor;outline-offset:2px}[data-bs-theme="dark"] .reactable.html-widget{filter:none !important}[data-bs-theme="dark"] .Reactable{background-color:var(--bs-body-bg);color:var(--bs-body-color)}[data-bs-theme="dark"] .rt-sticky,[data-bs-theme="dark"] .rt-tbody,[data-bs-theme="dark"] .rt-tr,[data-bs-theme="dark"] .rt-tr-group{background-color:inherit}[data-bs-theme="dark"] .rt-table{border-color:var(--brand-dk_border)}[data-bs-theme="dark"] .rt-th{border-bottom:2px solid var(--brand-dk_border);border-left-color:var(--brand-dk_border)}[data-bs-theme="dark"] .rt-td{border-left-color:var(--brand-dk_border);border-top:1px solid var(--brand-dk_border)}[data-bs-theme="dark"] .rt-th-group:after{background-color:var(--brand-dk_border)}[data-bs-theme="dark"] .rt-tr-striped{background-color:rgba(0,0,0,0.03)}[data-bs-theme="dark"] .rt-tr-striped-sticky{background-color:var(--brand-dk_black)}[data-bs-theme="dark"] .rt-tr-highlight:hover,[data-bs-theme="dark"] .rt-tr-highlight-sticky:hover{background-color:var(--bs-gray-800)}[data-bs-theme="dark"] .rt-td-filter{border-bottom:1px solid var(--brand-dk_border)}[data-bs-theme="dark"] .rt-filter{background-color:var(--brand-dk_black);border:1px solid var(--brand-dk_border);color:inherit}[data-bs-theme="dark"] .rt-filter:focus{border:1px solid var(--brand-dk_border)}[data-bs-theme="dark"] .rt-expander:after{border-top:7px solid var(--brand-dk_border)}[data-bs-theme="dark"] .rt-pagination{border-top:1px solid var(--brand-dk_border)}[data-bs-theme="dark"] .rt-page-jump,[data-bs-theme="dark"] .rt-page-size-select{background-color:var(--bs-body-bg);border:1px solid var(--brand-dk_border)}[data-bs-theme="dark"] .rt-page-button:hover{background-color:var(--bs-gray-800)}[data-bs-theme="dark"] .rt-page-button:active{background-color:rgba(0,0,0,0.08)}[data-bs-theme="dark"] .rt-keyboard-active .rt-page-button:focus{background-color:rgba(0,0,0,0.04)}[data-bs-theme="dark"] .rt-page-button:disabled:focus,[data-bs-theme="dark"] .rt-page-button:disabled:hover{background-color:transparent}[data-bs-theme="dark"] .rt-tbody-no-data .rt-td{border-color:transparent}[data-bs-theme="dark"] .rt-search{background-color:var(--brand-dk_black);border:1px solid var(--brand-dk_border);color:var(--bs-body-color)}[data-bs-theme="dark"] .rt-search:active,[data-bs-theme="dark"] .rt-search:focus{border:1px solid var(--brand-dk_border)}[data-bs-theme="dark"] .rt-borderless .rt-td,[data-bs-theme="dark"] .rt-tr-group:first-child>.rt-tr:first-child .rt-td{border-top-color:var(--brand-dk_border)}.callout{margin-top:1.25rem;margin-bottom:1.25rem;border-radius:0.25rem;overflow-wrap:break-word}.callout .callout-title-container{overflow-wrap:anywhere}.callout.callout-style-simple{padding:0.4em 0.7em;border-left:5px solid;border-right:1px solid RGBA(var(--bs-body-color-rgb), 0.1);border-top:1px solid RGBA(var(--bs-body-color-rgb), 0.1);border-bottom:1px solid RGBA(var(--bs-body-color-rgb), 0.1)}.callout.callout-style-default{border-left:5px solid;border-right:1px solid RGBA(var(--bs-body-color-rgb), 0.1);border-top:1px solid RGBA(var(--bs-body-color-rgb), 0.1);border-bottom:1px solid RGBA(var(--bs-body-color-rgb), 0.1)}.callout .callout-body-container{flex-grow:1}.callout.callout-style-simple .callout-body{font-size:0.9rem;font-weight:400;margin-bottom:-0.4em;margin-top:0.5em}.callout.callout-style-default .callout-body{font-size:0.9rem;font-weight:400;padding-left:0.5em;padding-right:0.5em}.callout:not(.no-icon).callout-titled.callout-style-simple .callout-body{padding-left:1.6em}.callout.callout-titled>.callout-header{padding-top:0.2em;margin-bottom:-0.2em}.callout.callout-empty-content>.callout-header{margin-bottom:0em;border-bottom-right-radius:calc(0.25rem + -1px)}.callout>.callout-header.collapsed{border-bottom-right-radius:calc(0.25rem + -1px)}.callout.callout-style-simple>div.callout-header{border-bottom:none;font-size:0.9rem;font-weight:600;opacity:75%}.callout.callout-style-default>div.callout-header{border-bottom:none;font-weight:600;opacity:85%;font-size:0.9rem;padding-left:0.5em;padding-right:0.5em;border-top-right-radius:calc(0.25rem + -1px)}.callout.callout-style-default .callout-body>:first-child{padding-top:0.5rem;margin-top:0}.callout>div.callout-header[data-bs-toggle="collapse"]{cursor:pointer}.callout.callout-style-default .callout-header[aria-expanded="false"],.callout.callout-style-default .callout-header[aria-expanded="true"]{padding-top:0px;margin-bottom:0px;align-items:center}.callout.callout-titled .callout-body>:last-child:not(.sourceCode),.callout.callout-titled .callout-body>div>:last-child:not(.sourceCode){padding-bottom:0.5rem;margin-bottom:0}.callout:not(.callout-titled) .callout-body>:first-child,.callout:not(.callout-titled) .callout-body>div>:first-child{margin-top:0.25rem}.callout:not(.callout-titled) .callout-body>:last-child,.callout:not(.callout-titled) .callout-body>div>:last-child{margin-bottom:0.2rem}.callout.callout-style-simple:not(.callout-titled) .callout-body>:last-child,.callout.callout-style-simple:not(.callout-titled) .callout-body>div>:last-child{margin-bottom:0.5em}.callout.callout-style-simple .callout-icon::before,.callout.callout-style-simple .callout-toggle::before,.callout.callout-style-default .callout-icon::before,.callout.callout-style-default .callout-toggle::before{display:inline-block;content:"";background-image:none;background-color:currentColor;-webkit-mask-image:var(--gitdevr-callout-mask);mask-image:var(--gitdevr-callout-mask);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.callout.callout-style-simple .callout-icon::before,.callout.callout-style-simple .callout-toggle::before{height:1rem;width:1rem}.callout.callout-style-default .callout-icon::before,.callout.callout-style-default .callout-toggle::before{height:0.9rem;width:0.9rem}.callout.callout-style-default .callout-toggle::before{margin-top:5px}.callout .callout-header[aria-expanded="false"] .callout-toggle::before{transform:rotate(-90deg)}.callout .callout-header[aria-expanded="true"] .callout-toggle::before{transform:none}.callout.callout-style-simple:not(.no-icon) div.callout-icon-container{padding-top:0.2em;padding-right:0.55em}.callout.callout-style-default:not(.no-icon) div.callout-icon-container{padding-top:0.1em;padding-right:0.35em}.callout.callout-style-default:not(.no-icon) div.callout-title-container{margin-top:-1px}.callout.callout-style-default.callout-caution:not(.no-icon) div.callout-icon-container{padding-top:0.3em;padding-right:0.35em}.callout>.callout-body>.callout-icon-container>.no-icon,.callout>.callout-header>.callout-icon-container>.no-icon{display:none}div.callout.callout{border-left-color:var(--bs-secondary)}div.callout.callout-style-default>.callout-header{background-color:var(--bs-secondary)}div.callout-note.callout{border-left-color:var(--bs-link-color)}div.callout-note.callout-style-default>.callout-header{background-color:RGBA(var(--bs-link-color-rgb), 0.1)}div.callout-note:not(.callout-titled) .callout-icon::before,div.callout-note.callout-titled .callout-icon::before{color:var(--bs-link-color);--gitdevr-callout-mask: url('data:image/svg+xml,')}.callout .callout-toggle::before{color:var(--bs-body-color);--gitdevr-callout-mask: url('data:image/svg+xml,')}div.callout-tip.callout{border-left-color:var(--bs-success)}div.callout-tip.callout-style-default>.callout-header{background-color:RGBA(var(--bs-success-rgb), 0.1)}div.callout-tip:not(.callout-titled) .callout-icon::before,div.callout-tip.callout-titled .callout-icon::before{color:var(--bs-success);--gitdevr-callout-mask: url('data:image/svg+xml,')}div.callout-warning.callout{border-left-color:var(--bs-warning)}div.callout-warning.callout-style-default>.callout-header{background-color:RGBA(var(--bs-warning-rgb), 0.1)}div.callout-warning:not(.callout-titled) .callout-icon::before,div.callout-warning.callout-titled .callout-icon::before{color:var(--bs-warning);--gitdevr-callout-mask: url('data:image/svg+xml,')}div.callout-caution.callout{border-left-color:var(--bs-warning)}div.callout-caution.callout-style-default>.callout-header{background-color:RGBA(var(--bs-warning-rgb), 0.1)}div.callout-caution:not(.callout-titled) .callout-icon::before,div.callout-caution.callout-titled .callout-icon::before{color:var(--bs-warning);--gitdevr-callout-mask: url('data:image/svg+xml,')}div.callout-important.callout{border-left-color:var(--bs-danger)}div.callout-important.callout-style-default>.callout-header{background-color:RGBA(var(--bs-danger-rgb), 0.1)}div.callout-important:not(.callout-titled) .callout-icon::before,div.callout-important.callout-titled .callout-icon::before{color:var(--bs-danger);--gitdevr-callout-mask: url('data:image/svg+xml,')}div.callout-body-container.callout-body pre{margin-left:calc(var(--bs-gutter-x) * 0.5) !important;margin-right:calc(var(--bs-gutter-x) * 0.5) !important}div.callout-body-container.callout-body .btn-copy-ex{right:18px !important}.screen-reader-only{position:absolute;clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px}[data-bs-theme="dark"] .btn-default{--gitdevr-btn-bg: var(--brand-dk_gray);--gitdevr-btn-fg: var(--brand-black);--bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb)}[data-bs-theme="dark"] .btn-primary{--gitdevr-btn-bg: var(--bs-primary-color);--gitdevr-btn-fg: var(--bs-body-color);--bs-btn-focus-shadow-rgb: var(--bs-primary-rgb)}[data-bs-theme="dark"] .btn-success{--gitdevr-btn-bg: var(--bs-success-color);--gitdevr-btn-fg: var(--brand-black);--bs-btn-focus-shadow-rgb: var(--bs-success-rgb)}[data-bs-theme="dark"] .btn-info{--gitdevr-btn-bg: var(--bs-info-color);--gitdevr-btn-fg: var(--brand-black);--bs-btn-focus-shadow-rgb: var(--bs-info-rgb)}[data-bs-theme="dark"] .btn-warning{--gitdevr-btn-bg: var(--bs-warning-color);--gitdevr-btn-fg: var(--brand-black);--bs-btn-focus-shadow-rgb: var(--bs-warning-rgb)}[data-bs-theme="dark"] .btn-danger{--gitdevr-btn-bg: var(--bs-danger-color);--gitdevr-btn-fg: var(--brand-black);--bs-btn-focus-shadow-rgb: var(--bs-danger-rgb)}[data-bs-theme="dark"] .btn-default,[data-bs-theme="dark"] .btn-primary,[data-bs-theme="dark"] .btn-success,[data-bs-theme="dark"] .btn-info,[data-bs-theme="dark"] .btn-warning,[data-bs-theme="dark"] .btn-danger{--bs-btn-color: var(--gitdevr-btn-fg);--bs-btn-bg: var(--gitdevr-btn-bg);--bs-btn-border-color: var(--gitdevr-btn-bg);--bs-btn-hover-color: var(--gitdevr-btn-fg);--bs-btn-hover-bg: color-mix(in srgb, var(--gitdevr-btn-bg) 85%, white);--bs-btn-hover-border-color: var(--bs-btn-hover-bg);--bs-btn-active-color: var(--gitdevr-btn-fg);--bs-btn-active-bg: color-mix(in srgb, var(--gitdevr-btn-bg) 80%, white);--bs-btn-active-border-color: var(--bs-btn-active-bg);--bs-btn-disabled-color: var(--gitdevr-btn-fg);--bs-btn-disabled-bg: var(--gitdevr-btn-bg);--bs-btn-disabled-border-color: var(--gitdevr-btn-bg)}[data-bs-theme="dark"] .btn-outline-default{--gitdevr-btn-bg: var(--brand-dk_gray);--gitdevr-btn-fg: var(--brand-black);--bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb)}[data-bs-theme="dark"] .btn-outline-primary{--gitdevr-btn-bg: var(--bs-link-color);--gitdevr-btn-fg: var(--bs-body-bg);--bs-btn-focus-shadow-rgb: var(--bs-link-color-rgb)}[data-bs-theme="dark"] .btn-outline-success{--gitdevr-btn-bg: var(--bs-success-color);--gitdevr-btn-fg: var(--brand-black);--bs-btn-focus-shadow-rgb: var(--bs-success-rgb)}[data-bs-theme="dark"] .btn-outline-info{--gitdevr-btn-bg: var(--bs-info-color);--gitdevr-btn-fg: var(--brand-black);--bs-btn-focus-shadow-rgb: var(--bs-info-rgb)}[data-bs-theme="dark"] .btn-outline-warning{--gitdevr-btn-bg: var(--bs-warning-color);--gitdevr-btn-fg: var(--brand-black);--bs-btn-focus-shadow-rgb: var(--bs-warning-rgb)}[data-bs-theme="dark"] .btn-outline-danger{--gitdevr-btn-bg: var(--bs-danger-color);--gitdevr-btn-fg: var(--brand-black);--bs-btn-focus-shadow-rgb: var(--bs-danger-rgb)}[data-bs-theme="dark"] .btn-outline-default,[data-bs-theme="dark"] .btn-outline-primary,[data-bs-theme="dark"] .btn-outline-success,[data-bs-theme="dark"] .btn-outline-info,[data-bs-theme="dark"] .btn-outline-warning,[data-bs-theme="dark"] .btn-outline-danger{--bs-btn-color: var(--gitdevr-btn-bg);--bs-btn-border-color: var(--gitdevr-btn-bg);--bs-btn-bg: transparent;--bs-btn-hover-color: var(--gitdevr-btn-fg);--bs-btn-hover-bg: var(--gitdevr-btn-bg);--bs-btn-hover-border-color: var(--gitdevr-btn-bg);--bs-btn-active-color: var(--gitdevr-btn-fg);--bs-btn-active-bg: var(--gitdevr-btn-bg);--bs-btn-active-border-color: var(--gitdevr-btn-bg);--bs-btn-disabled-color: var(--gitdevr-btn-bg);--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: var(--gitdevr-btn-bg)}[data-bs-theme="dark"] .btn-link{--bs-btn-color: var(--bs-link-color);--bs-btn-hover-color: var(--bs-link-hover-color);--bs-btn-active-color: var(--bs-link-hover-color);--bs-btn-disabled-color: var(--bs-secondary);--bs-btn-focus-shadow-rgb: var(--bs-link-color-rgb)} +/*! Minified with sass; RGB companions are generated from the brand palette. */[data-bs-theme="dark"]{color-scheme:dark;--bs-body-bg: var(--brand-dk_body);--bs-body-bg-rgb: 36, 41, 47;--bs-body-color: var(--brand-white);--bs-body-color-rgb: 255, 255, 255;--bs-gray-500: var(--brand-dk_gray);--bs-blue: var(--brand-dk_blue);--bs-blue-rgb: 121, 184, 255;--bs-blue-color: var(--brand-dk_blue);--bs-blue-color-rgb: 121, 184, 255;--bs-primary: var(--brand-dk_black);--bs-primary-rgb: 55, 62, 71;--bs-primary-color: var(--brand-dk_black);--bs-primary-color-rgb: 55, 62, 71;--bs-secondary: var(--brand-dk_gray);--bs-secondary-rgb: 168, 179, 193;--bs-secondary-color: var(--brand-dk_gray);--bs-success: var(--brand-dk_green);--bs-success-rgb: 111, 221, 140;--bs-success-color: var(--brand-dk_green);--bs-success-color-rgb: 111, 221, 140;--bs-info: var(--brand-dk_purple);--bs-info-rgb: 184, 167, 230;--bs-info-color: var(--brand-dk_purple);--bs-info-color-rgb: 184, 167, 230;--bs-warning: var(--brand-dk_orange);--bs-warning-rgb: 227, 186, 82;--bs-warning-color: var(--brand-dk_orange);--bs-warning-color-rgb: 227, 186, 82;--bs-danger: var(--brand-dk_red);--bs-danger-rgb: 238, 143, 149;--bs-danger-color: var(--brand-dk_red);--bs-danger-color-rgb: 238, 143, 149;--bs-light: var(--brand-light);--bs-light-rgb: 248, 249, 250;--bs-light-color: var(--brand-light);--bs-light-color-rgb: 248, 249, 250;--bs-dark: var(--brand-dk_dark);--bs-dark-rgb: 52, 58, 64;--bs-dark-color: var(--brand-dk_dark);--bs-dark-color-rgb: 52, 58, 64;--bs-link: var(--brand-dk_blue);--bs-link-rgb: 121, 184, 255;--bs-link-color: var(--brand-dk_blue);--bs-link-color-rgb: 121, 184, 255;--bs-link-hover: color-mix(in srgb, var(--bs-link-color) 70%, white);--bs-link-hover-color: var(--bs-link-hover);--bs-code-color: var(--brand-dk_code)}main img{margin-left:auto;margin-right:auto;border-radius:var(--bs-border-radius)}.caption,.figure,.figcaption,figcaption,caption{color:var(--bs-secondary);margin-left:auto;margin-right:auto;margin-top:1rem;margin-bottom:1rem;font-size:0.875rem;width:100%}img.logo{display:none}.template-home img.logo{display:inline}.author,.date{color:var(--bs-secondary);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);margin-bottom:0.5rem}[data-bs-theme="dark"] img.r-plt,[data-bs-theme="dark"] pre .r-plt.img img,[data-bs-theme="dark"] .cell-output-display img,[data-bs-theme="dark"] img:not(.logo,.d-inline-block){filter:brightness(80%) !important}blockquote,.blockquote{border-left:0.25rem solid RGBA(var(--bs-link-color-rgb), 0.3);margin-bottom:1rem;font-size:1.25rem}.pkg{font-weight:bold}.template-reference-topic dt{font-weight:800;font-family:"Inter Tight", Roboto}.navbar-brand,#navbar,.navbar .dropdown-item{font-family:"Inter Tight", Roboto;font-weight:800}.navbar .text-muted{color:var(--brand-footer_text) !important}.navbar .text-danger{color:#ff4d4f !important}#navbar .nav-link:hover,#navbar .nav-link:focus{color:var(--brand-footer_text) !important;background-color:transparent}#navbar .dropdown-menu .dropdown-item.active:hover,#navbar .dropdown-menu .dropdown-item.active:focus{color:var(--brand-footer_text)}#navbar .nav-item.active .nav-link,#navbar .dropdown-menu .dropdown-item.active{color:var(--bs-gray-200);background:transparent}#navbar .dropdown-menu .dropdown-item .fa{opacity:1;color:inherit}.navbar-toggler{border:none}.navbar-nav .nav-item.dropdown ul li:first-child hr{display:none}.algolia-autocomplete .aa-dropdown-menu{color:var(--bs-body-color);background-color:var(--bs-body-bg)}mark,.mark{background:linear-gradient(-100deg, RGBA(var(--bs-link-color-rgb), 0.2), RGBA(var(--bs-link-color-rgb), 0.7) 95%, RGBA(var(--bs-link-color-rgb), 0.1));color:var(--bs-body-color)}.nav-pills,.nav-tabs{--bs-nav-link-color: var(--bs-link-color);--bs-nav-link-hover-color: var(--bs-link-hover-color)}.nav-item .nav-link:hover,.nav-pills .nav-link:focus-visible{background-color:rgba(var(--bs-body-color-rgb), 0.08);color:var(--bs-link-hover-color)}.nav-pills .nav-link.active:hover,.nav-pills .nav-link.active:focus-visible{color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg)}.tippy-box[data-theme~="light-border"]{background-color:var(--bs-body-bg);color:var(--bs-body-color);font-size:0.9rem;padding:0.75rem;box-shadow:4px 4px 8px RGBA(var(--bs-body-color-rgb), 0.3);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius)}.code-with-filename{margin-bottom:1rem}.code-with-filename .code-with-filename-file pre:not(.sourceCode){margin-bottom:0;padding-top:0.25rem;padding-bottom:0.25rem;border-radius:0;color:var(--bs-body-color);background-color:RGBA(var(--bs-body-color-rgb), 0.1)}.code-with-filename .code-with-filename-file pre{border-top-left-radius:0;border-top-right-radius:0}code a:any-link{text-decoration:underline;background-color:transparent !important}a>code{text-decoration:underline;color:var(--bs-code-color)}code{word-wrap:break-word}main,main .sourceCode,main .cell,main .callout-body-container{min-width:0}main pre{max-width:100%;overflow-x:auto}pre{--gitdevr-hl-bg: #f6f8fa;--gitdevr-hl-fg: #24292f;--gitdevr-hl-comment: #6a737d;--gitdevr-hl-keyword: #cf222e;--gitdevr-hl-number: #0550ae;--gitdevr-hl-constant: #0550ae;--gitdevr-hl-builtin: #953800;--gitdevr-hl-type: #cf222e;--gitdevr-hl-string: #0a3069;--gitdevr-hl-function: #8250df;--gitdevr-hl-operator: #0550ae;--gitdevr-hl-variable: #0550ae;--gitdevr-hl-attribute: #116329;--gitdevr-hl-error: #82071e;--gitdevr-hl-error-bg: #ffebe9;border:none;color:var(--gitdevr-hl-fg);background-color:var(--gitdevr-hl-bg)}[data-bs-theme="dark"] pre{--gitdevr-hl-bg: #282c34;--gitdevr-hl-fg: #abb2bf;--gitdevr-hl-comment: #8e939d;--gitdevr-hl-keyword: #c678dd;--gitdevr-hl-number: #d19a66;--gitdevr-hl-constant: #e5c07b;--gitdevr-hl-builtin: #e5c07b;--gitdevr-hl-type: #e5c07b;--gitdevr-hl-string: #98c379;--gitdevr-hl-function: #61afef;--gitdevr-hl-operator: #56b6c2;--gitdevr-hl-variable: #e37079;--gitdevr-hl-attribute: #e37079;--gitdevr-hl-error: #abb2bf;--gitdevr-hl-error-bg: transparent;color:var(--gitdevr-hl-fg);background-color:var(--gitdevr-hl-bg)}pre code,[data-bs-theme="dark"] pre code{color:var(--gitdevr-hl-fg);background-color:transparent}pre code :is(span, a).an,pre code :is(span, a).co,pre code :is(span, a).cv,pre code :is(span, a).do,pre code :is(span, a).in,pre code :is(span, a).re,[data-bs-theme="dark"] pre code :is(span, a).an,[data-bs-theme="dark"] pre code :is(span, a).co,[data-bs-theme="dark"] pre code :is(span, a).cv,[data-bs-theme="dark"] pre code :is(span, a).do,[data-bs-theme="dark"] pre code :is(span, a).in,[data-bs-theme="dark"] pre code :is(span, a).re{color:var(--gitdevr-hl-comment);font-style:normal;font-weight:normal;text-decoration:none}pre code :is(span, a).cf,pre code :is(span, a).kw,pre code :is(span, a).pp,[data-bs-theme="dark"] pre code :is(span, a).cf,[data-bs-theme="dark"] pre code :is(span, a).kw,[data-bs-theme="dark"] pre code :is(span, a).pp{color:var(--gitdevr-hl-keyword);font-style:normal;font-weight:normal;text-decoration:none}pre code :is(span, a).bn,pre code :is(span, a).dv,pre code :is(span, a).fl,[data-bs-theme="dark"] pre code :is(span, a).bn,[data-bs-theme="dark"] pre code :is(span, a).dv,[data-bs-theme="dark"] pre code :is(span, a).fl{color:var(--gitdevr-hl-number);font-style:normal;font-weight:normal;text-decoration:none}pre code :is(span, a).cn,[data-bs-theme="dark"] pre code :is(span, a).cn{color:var(--gitdevr-hl-constant);font-style:normal;font-weight:normal;text-decoration:none}pre code :is(span, a).bu,[data-bs-theme="dark"] pre code :is(span, a).bu{color:var(--gitdevr-hl-builtin);font-style:normal;font-weight:normal;text-decoration:none}pre code :is(span, a).dt,[data-bs-theme="dark"] pre code :is(span, a).dt{color:var(--gitdevr-hl-type);font-style:normal;font-weight:normal;text-decoration:none}pre code :is(span, a).ch,pre code :is(span, a).im,pre code :is(span, a).ot,pre code :is(span, a).sc,pre code :is(span, a).ss,pre code :is(span, a).st,pre code :is(span, a).vs,[data-bs-theme="dark"] pre code :is(span, a).ch,[data-bs-theme="dark"] pre code :is(span, a).im,[data-bs-theme="dark"] pre code :is(span, a).ot,[data-bs-theme="dark"] pre code :is(span, a).sc,[data-bs-theme="dark"] pre code :is(span, a).ss,[data-bs-theme="dark"] pre code :is(span, a).st,[data-bs-theme="dark"] pre code :is(span, a).vs{color:var(--gitdevr-hl-string);font-style:normal;font-weight:normal;text-decoration:none}pre code :is(span, a).ex,pre code :is(span, a).fu,[data-bs-theme="dark"] pre code :is(span, a).ex,[data-bs-theme="dark"] pre code :is(span, a).fu{color:var(--gitdevr-hl-function);font-style:normal;font-weight:normal;text-decoration:none}pre code :is(span, a).op,[data-bs-theme="dark"] pre code :is(span, a).op{color:var(--gitdevr-hl-operator);font-style:normal;font-weight:normal;text-decoration:none}pre code :is(span, a).va,[data-bs-theme="dark"] pre code :is(span, a).va{color:var(--gitdevr-hl-variable);font-style:normal;font-weight:normal;text-decoration:none}pre code :is(span, a).at,[data-bs-theme="dark"] pre code :is(span, a).at{color:var(--gitdevr-hl-attribute);font-style:normal;font-weight:normal;text-decoration:none}pre code :is(span, a).al,pre code :is(span, a).er,pre code :is(span, a).wa,[data-bs-theme="dark"] pre code :is(span, a).al,[data-bs-theme="dark"] pre code :is(span, a).er,[data-bs-theme="dark"] pre code :is(span, a).wa{color:var(--gitdevr-hl-error);font-style:normal;font-weight:normal;text-decoration:none;background-color:var(--gitdevr-hl-error-bg)}[data-bs-theme="dark"] pre code :is(span, a).fu{font-weight:bold}pre code a:any-link,[data-bs-theme="dark"] pre code a:any-link{text-decoration:underline;text-underline-offset:0.15em}pre code a:focus-visible{outline:2px solid currentColor;outline-offset:2px}.callout{margin-top:1.25rem;margin-bottom:1.25rem;border-radius:0.25rem;overflow-wrap:break-word}.callout .callout-title-container{overflow-wrap:anywhere}.callout.callout-style-simple,.callout.callout-style-default{border-left:5px solid;border-right:1px solid RGBA(var(--bs-body-color-rgb), 0.1);border-top:1px solid RGBA(var(--bs-body-color-rgb), 0.1);border-bottom:1px solid RGBA(var(--bs-body-color-rgb), 0.1)}.callout.callout-style-simple{padding:0.4em 0.7em}.callout .callout-body-container{flex-grow:1}.callout.callout-style-simple .callout-body,.callout.callout-style-default .callout-body{font-size:0.9rem;font-weight:400}.callout.callout-style-simple .callout-body{margin-bottom:-0.4em;margin-top:0.5em}.callout.callout-style-default .callout-body{padding-left:0.5em;padding-right:0.5em}.callout:not(.no-icon).callout-titled.callout-style-simple .callout-body{padding-left:1.6em}.callout.callout-titled>.callout-header{padding-top:0.2em;margin-bottom:-0.2em}.callout.callout-empty-content>.callout-header{margin-bottom:0em;border-bottom-right-radius:calc(0.25rem + -1px)}.callout>.callout-header.collapsed{border-bottom-right-radius:calc(0.25rem + -1px)}.callout.callout-style-simple>div.callout-header,.callout.callout-style-default>div.callout-header{border-bottom:none;font-size:0.9rem;font-weight:600}.callout.callout-style-simple>div.callout-header{opacity:75%}.callout.callout-style-default>div.callout-header{opacity:85%;padding-left:0.5em;padding-right:0.5em;border-top-right-radius:calc(0.25rem + -1px)}.callout.callout-style-default .callout-body>:first-child{padding-top:0.5rem;margin-top:0}.callout>div.callout-header[data-bs-toggle="collapse"]{cursor:pointer}.callout.callout-style-default .callout-header[aria-expanded="false"],.callout.callout-style-default .callout-header[aria-expanded="true"]{padding-top:0px;margin-bottom:0px;align-items:center}.callout.callout-titled .callout-body>:last-child:not(.sourceCode),.callout.callout-titled .callout-body>div>:last-child:not(.sourceCode){padding-bottom:0.5rem;margin-bottom:0}.callout:not(.callout-titled) .callout-body>:first-child,.callout:not(.callout-titled) .callout-body>div>:first-child{margin-top:0.25rem}.callout:not(.callout-titled) .callout-body>:last-child,.callout:not(.callout-titled) .callout-body>div>:last-child{margin-bottom:0.2rem}.callout.callout-style-simple:not(.callout-titled) .callout-body>:last-child,.callout.callout-style-simple:not(.callout-titled) .callout-body>div>:last-child{margin-bottom:0.5em}.callout.callout-style-simple .callout-icon::before,.callout.callout-style-simple .callout-toggle::before,.callout.callout-style-default .callout-icon::before,.callout.callout-style-default .callout-toggle::before{display:inline-block;content:"";background-image:none;background-color:currentColor;-webkit-mask-image:var(--gitdevr-callout-mask);mask-image:var(--gitdevr-callout-mask);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.callout.callout-style-simple .callout-icon::before,.callout.callout-style-simple .callout-toggle::before{height:1rem;width:1rem}.callout.callout-style-default .callout-icon::before,.callout.callout-style-default .callout-toggle::before{height:0.9rem;width:0.9rem}.callout.callout-style-default .callout-toggle::before{margin-top:5px}.callout .callout-header[aria-expanded="false"] .callout-toggle::before{transform:rotate(-90deg)}.callout .callout-header[aria-expanded="true"] .callout-toggle::before{transform:none}.callout.callout-style-simple:not(.no-icon) div.callout-icon-container{padding-top:0.2em;padding-right:0.55em}.callout.callout-style-default:not(.no-icon) div.callout-icon-container{padding-top:0.1em;padding-right:0.35em}.callout.callout-style-default:not(.no-icon) div.callout-title-container{margin-top:-1px}.callout.callout-style-default.callout-caution:not(.no-icon) div.callout-icon-container{padding-top:0.3em;padding-right:0.35em}.callout>.callout-body>.callout-icon-container>.no-icon,.callout>.callout-header>.callout-icon-container>.no-icon{display:none}div.callout.callout{border-left-color:var(--bs-secondary)}div.callout.callout-style-default>.callout-header{background-color:var(--bs-secondary)}div.callout-note.callout{border-left-color:var(--bs-link-color)}div.callout-note.callout-style-default>.callout-header{background-color:RGBA(var(--bs-link-color-rgb), 0.1)}div.callout-note:not(.callout-titled) .callout-icon::before,div.callout-note.callout-titled .callout-icon::before{color:var(--bs-link-color);--gitdevr-callout-mask: url('data:image/svg+xml,')}.callout .callout-toggle::before{color:var(--bs-body-color);--gitdevr-callout-mask: url('data:image/svg+xml,')}div.callout-tip.callout{border-left-color:var(--bs-success)}div.callout-tip.callout-style-default>.callout-header{background-color:RGBA(var(--bs-success-rgb), 0.1)}div.callout-tip:not(.callout-titled) .callout-icon::before,div.callout-tip.callout-titled .callout-icon::before{color:var(--bs-success);--gitdevr-callout-mask: url('data:image/svg+xml,')}div.callout-warning.callout,div.callout-caution.callout{border-left-color:var(--bs-warning)}div.callout-warning.callout-style-default>.callout-header,div.callout-caution.callout-style-default>.callout-header{background-color:RGBA(var(--bs-warning-rgb), 0.1)}div.callout-warning:not(.callout-titled) .callout-icon::before,div.callout-warning.callout-titled .callout-icon::before{color:var(--bs-warning);--gitdevr-callout-mask: url('data:image/svg+xml,')}div.callout-caution:not(.callout-titled) .callout-icon::before,div.callout-caution.callout-titled .callout-icon::before{color:var(--bs-warning);--gitdevr-callout-mask: url('data:image/svg+xml,')}div.callout-important.callout{border-left-color:var(--bs-danger)}div.callout-important.callout-style-default>.callout-header{background-color:RGBA(var(--bs-danger-rgb), 0.1)}div.callout-important:not(.callout-titled) .callout-icon::before,div.callout-important.callout-titled .callout-icon::before{color:var(--bs-danger);--gitdevr-callout-mask: url('data:image/svg+xml,')}div.callout-body-container.callout-body pre{margin-left:calc(var(--bs-gutter-x) * 0.5) !important;margin-right:calc(var(--bs-gutter-x) * 0.5) !important}div.callout-body-container.callout-body .btn-copy-ex{right:18px !important}[data-bs-theme="dark"] .reactable.html-widget{filter:none !important}[data-bs-theme="dark"] .Reactable{background-color:var(--bs-body-bg);color:var(--bs-body-color)}[data-bs-theme="dark"] .rt-sticky,[data-bs-theme="dark"] .rt-tbody,[data-bs-theme="dark"] .rt-tr,[data-bs-theme="dark"] .rt-tr-group{background-color:inherit}[data-bs-theme="dark"] .rt-table{border-color:var(--brand-dk_border)}[data-bs-theme="dark"] .rt-th{border-bottom:2px solid var(--brand-dk_border);border-left-color:var(--brand-dk_border)}[data-bs-theme="dark"] .rt-td{border-left-color:var(--brand-dk_border);border-top:1px solid var(--brand-dk_border)}[data-bs-theme="dark"] .rt-th-group:after{background-color:var(--brand-dk_border)}[data-bs-theme="dark"] .rt-tr-striped{background-color:rgba(0,0,0,0.03)}[data-bs-theme="dark"] .rt-tr-striped-sticky{background-color:var(--brand-dk_black)}[data-bs-theme="dark"] .rt-tr-highlight:hover,[data-bs-theme="dark"] .rt-tr-highlight-sticky:hover{background-color:var(--bs-gray-800)}[data-bs-theme="dark"] .rt-td-filter{border-bottom:1px solid var(--brand-dk_border)}[data-bs-theme="dark"] .rt-filter,[data-bs-theme="dark"] .rt-search{background-color:var(--brand-dk_black);border:1px solid var(--brand-dk_border)}[data-bs-theme="dark"] .rt-filter{color:inherit}[data-bs-theme="dark"] .rt-filter:focus,[data-bs-theme="dark"] .rt-search:active,[data-bs-theme="dark"] .rt-search:focus{border:1px solid var(--brand-dk_border)}[data-bs-theme="dark"] .rt-expander:after{border-top:7px solid var(--brand-dk_border)}[data-bs-theme="dark"] .rt-pagination{border-top:1px solid var(--brand-dk_border)}[data-bs-theme="dark"] .rt-page-jump,[data-bs-theme="dark"] .rt-page-size-select{background-color:var(--bs-body-bg);border:1px solid var(--brand-dk_border)}[data-bs-theme="dark"] .rt-page-button:hover{background-color:var(--bs-gray-800)}[data-bs-theme="dark"] .rt-page-button:active{background-color:rgba(0,0,0,0.08)}[data-bs-theme="dark"] .rt-keyboard-active .rt-page-button:focus{background-color:rgba(0,0,0,0.04)}[data-bs-theme="dark"] .rt-page-button:disabled:focus,[data-bs-theme="dark"] .rt-page-button:disabled:hover{background-color:transparent}[data-bs-theme="dark"] .rt-tbody-no-data .rt-td{border-color:transparent}[data-bs-theme="dark"] .rt-search{color:var(--bs-body-color)}[data-bs-theme="dark"] .rt-borderless .rt-td,[data-bs-theme="dark"] .rt-tr-group:first-child>.rt-tr:first-child .rt-td{border-top-color:var(--brand-dk_border)}[data-bs-theme="dark"] .btn-default,[data-bs-theme="dark"] .btn-outline-default{--gitdevr-btn-bg: var(--brand-dk_gray);--gitdevr-btn-fg: var(--brand-black);--bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb)}[data-bs-theme="dark"] .btn-primary{--gitdevr-btn-bg: var(--bs-primary-color);--gitdevr-btn-fg: var(--bs-body-color);--bs-btn-focus-shadow-rgb: var(--bs-primary-rgb)}[data-bs-theme="dark"] .btn-success,[data-bs-theme="dark"] .btn-outline-success{--gitdevr-btn-bg: var(--bs-success-color);--gitdevr-btn-fg: var(--brand-black);--bs-btn-focus-shadow-rgb: var(--bs-success-rgb)}[data-bs-theme="dark"] .btn-info,[data-bs-theme="dark"] .btn-outline-info{--gitdevr-btn-bg: var(--bs-info-color);--gitdevr-btn-fg: var(--brand-black);--bs-btn-focus-shadow-rgb: var(--bs-info-rgb)}[data-bs-theme="dark"] .btn-warning,[data-bs-theme="dark"] .btn-outline-warning{--gitdevr-btn-bg: var(--bs-warning-color);--gitdevr-btn-fg: var(--brand-black);--bs-btn-focus-shadow-rgb: var(--bs-warning-rgb)}[data-bs-theme="dark"] .btn-danger,[data-bs-theme="dark"] .btn-outline-danger{--gitdevr-btn-bg: var(--bs-danger-color);--gitdevr-btn-fg: var(--brand-black);--bs-btn-focus-shadow-rgb: var(--bs-danger-rgb)}[data-bs-theme="dark"] .btn-default,[data-bs-theme="dark"] .btn-primary,[data-bs-theme="dark"] .btn-success,[data-bs-theme="dark"] .btn-info,[data-bs-theme="dark"] .btn-warning,[data-bs-theme="dark"] .btn-danger{--bs-btn-color: var(--gitdevr-btn-fg);--bs-btn-bg: var(--gitdevr-btn-bg);--bs-btn-border-color: var(--gitdevr-btn-bg);--bs-btn-hover-color: var(--gitdevr-btn-fg);--bs-btn-hover-bg: color-mix(in srgb, var(--gitdevr-btn-bg) 85%, white);--bs-btn-hover-border-color: var(--bs-btn-hover-bg);--bs-btn-active-color: var(--gitdevr-btn-fg);--bs-btn-active-bg: color-mix(in srgb, var(--gitdevr-btn-bg) 80%, white);--bs-btn-active-border-color: var(--bs-btn-active-bg);--bs-btn-disabled-color: var(--gitdevr-btn-fg);--bs-btn-disabled-bg: var(--gitdevr-btn-bg);--bs-btn-disabled-border-color: var(--gitdevr-btn-bg)}[data-bs-theme="dark"] .btn-outline-primary{--gitdevr-btn-bg: var(--bs-link-color);--gitdevr-btn-fg: var(--bs-body-bg);--bs-btn-focus-shadow-rgb: var(--bs-link-color-rgb)}[data-bs-theme="dark"] .btn-outline-default,[data-bs-theme="dark"] .btn-outline-primary,[data-bs-theme="dark"] .btn-outline-success,[data-bs-theme="dark"] .btn-outline-info,[data-bs-theme="dark"] .btn-outline-warning,[data-bs-theme="dark"] .btn-outline-danger{--bs-btn-color: var(--gitdevr-btn-bg);--bs-btn-border-color: var(--gitdevr-btn-bg);--bs-btn-bg: transparent;--bs-btn-hover-color: var(--gitdevr-btn-fg);--bs-btn-hover-bg: var(--gitdevr-btn-bg);--bs-btn-hover-border-color: var(--gitdevr-btn-bg);--bs-btn-active-color: var(--gitdevr-btn-fg);--bs-btn-active-bg: var(--gitdevr-btn-bg);--bs-btn-active-border-color: var(--gitdevr-btn-bg);--bs-btn-disabled-color: var(--gitdevr-btn-bg);--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: var(--gitdevr-btn-bg)}[data-bs-theme="dark"] .btn-link{--bs-btn-color: var(--bs-link-color);--bs-btn-hover-color: var(--bs-link-hover-color);--bs-btn-active-color: var(--bs-link-hover-color);--bs-btn-disabled-color: var(--bs-secondary);--bs-btn-focus-shadow-rgb: var(--bs-link-color-rgb)}footer{--gitdevr-footer-bg: var(--brand-footer_bg);width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;margin-bottom:0;font-family:"Inter Tight", Roboto;font-weight:700;background-color:var(--gitdevr-footer-bg) !important}[data-bs-theme="dark"] footer{--gitdevr-footer-bg: var(--bs-body-bg);background-color:var(--bs-body-bg) !important}footer a{color:var(--brand-footer_link);text-decoration:none}footer a:hover,footer a:focus{color:color-mix(in srgb, var(--brand-footer_link) 80%, var(--gitdevr-footer-bg))}footer .pkgdown-footer-right{margin-right:auto;padding-right:1.25rem}footer .pkgdown-footer-left{margin-left:auto;padding-left:1.25rem}@media screen and (max-width: 576px){footer .pkgdown-footer-right,footer .pkgdown-footer-left{margin-right:0.75rem;margin-left:0.75rem;padding-left:12px;padding-right:12px}}@media (max-width: 768px) and (min-width: 576px){footer .pkgdown-footer-right,footer .pkgdown-footer-left{max-width:270px}}@media (max-width: 992px) and (min-width: 768px){footer .pkgdown-footer-right,footer .pkgdown-footer-left{max-width:360px}}@media (max-width: 1200px) and (min-width: 992px){footer .pkgdown-footer-right,footer .pkgdown-footer-left{max-width:480px}}@media (max-width: 1400px) and (min-width: 1200px){footer .pkgdown-footer-right,footer .pkgdown-footer-left{max-width:570px}}@media (min-width: 1400px){footer .pkgdown-footer-right,footer .pkgdown-footer-left{max-width:660px}}.screen-reader-only{position:absolute;clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px}@media (prefers-reduced-motion: no-preference){@view-transition{navigation:auto}.callout .callout-btn-toggle .callout-toggle::before{transition:transform 0.2s linear}} diff --git a/tests/testthat/test-template-brand.R b/tests/testthat/test-template-brand.R index 94b219e..e661d14 100644 --- a/tests/testthat/test-template-brand.R +++ b/tests/testthat/test-template-brand.R @@ -39,7 +39,7 @@ test_that("template pkgdown brand defines its required palette", { expect_equal(palette[["green"]], "#277f46") expect_equal(palette[["orange"]], "#b45306") expect_equal(palette[["code"]], "#cf2f7d") - expect_equal(palette[["footer-bg"]], "#22272e") + expect_equal(palette[["footer-bg"]], "#0d1117") expect_equal(palette[["footer-text"]], "#8b949e") expect_equal(palette[["footer-link"]], "#58a6ff") expect_equal(palette[["dk-border"]], "#6a788a") @@ -85,13 +85,14 @@ test_that("template standalone dark brand meets WCAG AA contrast", { brand <- read_template_brand_yml(dark = TRUE) palette <- brand$color$palette - expect_equal(brand$color$background, "dark") + expect_equal(brand$color$background, "body") + expect_equal(brand$color$primary, "black") expect_equal(brand$color$foreground, "white") expect_equal(palette[["gray"]], "#a8b3c1") expect_equal(palette[["blue"]], "#79b8ff") expect_equal(palette[["code"]], "#ff8cc8") - dark_pre_bg <- blend_hex(palette[["white"]], palette[["dark"]], 0.03) + dark_pre_bg <- blend_hex(palette[["white"]], palette[["body"]], 0.03) syntax_colors <- c( normal = palette[["white"]], comment = palette[["gray"]], @@ -130,5 +131,6 @@ test_that("template brand files are readable by brand.yml", { c("meta", "logo", "color", "typography", "defaults", "path") ) expect_equal(light$color$background, "#ffffff") - expect_equal(dark$color$background, "#373e47") + expect_equal(dark$color$background, "#24292f") + expect_equal(dark$color$primary, "#373e47") })