diff --git a/themes/hugo-book/assets/_variables.scss b/themes/hugo-book/assets/_variables.scss index e1d969b..f2fe33a 100644 --- a/themes/hugo-book/assets/_variables.scss +++ b/themes/hugo-book/assets/_variables.scss @@ -3,3 +3,20 @@ // --pagefind-ui-background: #84DE02; // } // $pagefind-ui-background: #84DE02; + +// 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;