diff --git a/NEWS.md b/NEWS.md
index c401dc9..d12d957 100644
--- a/NEWS.md
+++ b/NEWS.md
@@ -1,5 +1,7 @@
# gitdevr 0.0.0.9000
+- Inline links remain identifiable without color, keyboard focus is visible and diffviewer text is readable in both modes. Footer backgrounds now span the viewport between the small and medium breakpoints without horizontal overflow (#10).
+- Mobile navigation, sidebars, footers and copy buttons now follow the shared responsive layout. Tab and pill hover styles no longer affect other navigation components, and development badges use the shared red color (#10).
- 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.
diff --git a/inst/pkgdown/assets/BS5/gitdevr.css b/inst/pkgdown/assets/BS5/gitdevr.css
index cdf9457..eddf703 100644
--- a/inst/pkgdown/assets/BS5/gitdevr.css
+++ b/inst/pkgdown/assets/BS5/gitdevr.css
@@ -155,7 +155,7 @@ blockquote,
/* Dev version badge in navbar: fixed vivid red outside brand tokens. */
.navbar .text-danger {
- color: #ff4d4f !important;
+ color: #ff6b7b !important;
}
/* Hovers */
@@ -215,7 +215,9 @@ mark,
--bs-nav-link-hover-color: var(--bs-link-hover-color);
}
-.nav-item .nav-link:hover,
+.nav-tabs .nav-link:hover,
+.nav-pills .nav-link:hover,
+.nav-tabs .nav-link:focus-visible,
.nav-pills .nav-link:focus-visible {
background-color: rgba(var(--bs-body-color-rgb), 0.08);
color: var(--bs-link-hover-color);
@@ -238,6 +240,17 @@ mark,
border-radius: var(--bs-border-radius);
}
+/* Keep the title, version, and menu toggle on one row on narrow phones. */
+@media (max-width: 375px) {
+ .navbar-brand {
+ font-size: 1.125rem;
+ }
+
+ .navbar .nav-text {
+ font-size: 0.65rem;
+ }
+}
+
/* --- 4. Code blocks and syntax highlighting --- */
.code-with-filename {
@@ -285,6 +298,35 @@ main pre {
overflow-x: auto;
}
+@media (max-width: 575.98px) {
+ /* See https://github.com/r-lib/pkgdown/pull/2970 */
+
+ /* Need to override pkgdown */
+ .btn-copy-ex {
+ right: 5px;
+ }
+
+ div > pre {
+ border-radius: 0;
+ }
+
+ :not(li, blockquote) > div > pre {
+ margin-left: calc(var(--bs-gutter-x) * -0.5);
+ margin-right: calc(var(--bs-gutter-x) * -0.5);
+ padding-left: 1rem;
+ padding-right: 1rem;
+ }
+
+ :not(li, blockquote) > div > .btn-copy-ex {
+ right: calc(var(--bs-gutter-x) * -0.5 + 5px);
+ }
+
+ .code-with-filename {
+ margin-right: calc(var(--bs-gutter-x) * 0.5);
+ margin-left: calc(var(--bs-gutter-x) * 0.5);
+ }
+}
+
/* --- 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.
@@ -973,12 +1015,13 @@ div.callout-body-container.callout-body .btn-copy-ex {
/* --- 8. Footer --- */
footer {
--gitdevr-footer-bg: var(--brand-footer_bg);
- width: 100vw;
+ width: auto;
position: relative;
- left: 50%;
- right: 50%;
- margin-left: -50vw;
- margin-right: -50vw;
+ margin-left: calc(var(--bs-gutter-x) * -0.5);
+ margin-right: calc(var(--bs-gutter-x) * -0.5);
+ /* Paint the full viewport width without expanding the layout box. */
+ box-shadow: 0 0 0 100vmax var(--gitdevr-footer-bg);
+ clip-path: inset(0 -100vmax);
margin-bottom: 0;
font-family: "Inter Tight", Roboto;
font-weight: 700;
@@ -1060,6 +1103,13 @@ footer .pkgdown-footer-left {
}
}
+/* Account for pkgdown's mobile sidebar margins. */
+@media (max-width: 767.98px) {
+ .row > aside {
+ width: calc(100% - 1rem);
+ }
+}
+
/* --- 9. Accessibility and motion --- */
.screen-reader-only {
@@ -1082,3 +1132,37 @@ footer .pkgdown-footer-left {
transition: transform 0.2s linear;
}
}
+
+/* Keep inline links identifiable without relying on color. */
+main a:not(.anchor, .nav-link, .btn),
+footer a,
+#footer a,
+#copyright a {
+ text-decoration: underline;
+ text-underline-offset: 0.15em;
+}
+
+:is(a, button, input, select, textarea, [tabindex]):focus-visible {
+ outline: 2px solid currentColor;
+ outline-offset: 3px;
+}
+
+.navbar-toggler:focus-visible {
+ box-shadow: none;
+}
+
+/* diffviewer supplies its own light surfaces in either site theme. */
+:is(.visual_diff, .diffviewer) .d2h-tag {
+ color: #6b5700;
+}
+
+:is(.visual_diff, .diffviewer) .d2h-code-linenumber,
+:is(.visual_diff, .diffviewer) .d2h-code-side-linenumber,
+:is(.visual_diff, .diffviewer) .d2h-info {
+ color: #595959;
+}
+
+/* Override the inline color emitted by diffviewer. */
+:is(.visual_diff, .diffviewer) .link {
+ color: #595959 !important;
+}
diff --git a/inst/pkgdown/assets/BS5/gitdevr.min.css b/inst/pkgdown/assets/BS5/gitdevr.min.css
index 644317f..d6ffee6 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%}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}}
+/*! 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:#ff6b7b !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-tabs .nav-link:hover,.nav-pills .nav-link:hover,.nav-tabs .nav-link:focus-visible,.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)}@media (max-width: 375px){.navbar-brand{font-size:1.125rem}.navbar .nav-text{font-size:0.65rem}}.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}@media (max-width: 575.98px){.btn-copy-ex{right:5px}div>pre{border-radius:0}:not(li,blockquote)>div>pre{margin-left:calc(var(--bs-gutter-x) * -0.5);margin-right:calc(var(--bs-gutter-x) * -0.5);padding-left:1rem;padding-right:1rem}:not(li,blockquote)>div>.btn-copy-ex{right:calc(var(--bs-gutter-x) * -0.5 + 5px)}.code-with-filename{margin-right:calc(var(--bs-gutter-x) * 0.5);margin-left:calc(var(--bs-gutter-x) * 0.5)}}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:auto;position:relative;margin-left:calc(var(--bs-gutter-x) * -0.5);margin-right:calc(var(--bs-gutter-x) * -0.5);box-shadow:0 0 0 100vmax var(--gitdevr-footer-bg);clip-path:inset(0 -100vmax);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 (max-width: 767.98px){.row>aside{width:calc(100% - 1rem)}}.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}}main a:not(.anchor,.nav-link,.btn),footer a,#footer a,#copyright a{text-decoration:underline;text-underline-offset:0.15em}:is(a, button, input, select, textarea, [tabindex]):focus-visible{outline:2px solid currentColor;outline-offset:3px}.navbar-toggler:focus-visible{box-shadow:none}:is(.visual_diff, .diffviewer) .d2h-tag{color:#6b5700}:is(.visual_diff, .diffviewer) .d2h-code-linenumber,:is(.visual_diff, .diffviewer) .d2h-code-side-linenumber,:is(.visual_diff, .diffviewer) .d2h-info{color:#595959}:is(.visual_diff, .diffviewer) .link{color:#595959 !important}
diff --git a/tests/testthat/test-template-css.R b/tests/testthat/test-template-css.R
index 4e8f496..4b6e5b4 100644
--- a/tests/testthat/test-template-css.R
+++ b/tests/testthat/test-template-css.R
@@ -195,3 +195,24 @@ test_that("callout masks retain six color-independent shapes after minifying", {
}
}
})
+
+test_that("narrow navbars retain compact title and version sizing", {
+ skip_if_not_installed("sass")
+
+ css <- as.character(sass::sass(
+ readLines(pkgdown_file("assets", "BS5", "gitdevr.css"), warn = FALSE),
+ cache = NULL,
+ options = sass::sass_options(output_style = "expanded")
+ ))
+ narrow <- regmatches(
+ css,
+ regexpr(
+ "@media \\(max-width: 375px\\) \\{[\\s\\S]*?\n\\}",
+ css,
+ perl = TRUE
+ )
+ )
+
+ expect_match(narrow, "\\.navbar-brand\\s*\\{\\s*font-size: 1\\.125rem;")
+ expect_match(narrow, "\\.navbar \\.nav-text\\s*\\{\\s*font-size: 0?\\.65rem;")
+})