2026-04-24 14:36:57 -06:00
|
|
|
/* You can override SCSS variables here. */
|
|
|
|
|
// :root {
|
|
|
|
|
// --pagefind-ui-background: #84DE02;
|
|
|
|
|
// }
|
|
|
|
|
// $pagefind-ui-background: #84DE02;
|
2026-10-11 08:59:34 -06:00
|
|
|
|
|
|
|
|
// Site-wide font: +1pt (16px -> 17px). Every rem-based theme size scales with this.
|
|
|
|
|
:root {
|
|
|
|
|
--font-size: 17px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// Widen the page so wide screens don't leave ~310px dead gutters on each side.
|
|
|
|
|
// (1280px cap -> 1700px; on a 1920px display the gutters drop 313px -> ~103px.)
|
|
|
|
|
$container-max-width: 100rem;
|
|
|
|
|
|
|
|
|
|
// Widen the left sidebar (the category list + search bar + search-results pane
|
|
|
|
|
// are all this one column). 12.5rem -> 18.75rem (a 50% increase, per request).
|
|
|
|
|
$menu-width: 18.75rem;
|
|
|
|
|
|
|
|
|
|
// $mobile-breakpoint in _defaults.scss is derived from the values above; recompute it
|
|
|
|
|
// so the mobile layout still collapses at the right width.
|
|
|
|
|
$mobile-breakpoint: $menu-width + $body-min-width * 1.2 + $toc-width;
|
