hextra_mirror/layouts/partials/head-config-css.html

{{- $pageWidth := .Site.Params.page.width | default .Params.width -}}
{{- $maxPageWidth := cond (eq $pageWidth "wide") "90rem" (cond (eq $pageWidth "full") "100%" "80rem") -}}

{{- $navbarWidth := .Site.Params.navbar.width -}}
{{- $maxNavbarWidth := cond (eq $navbarWidth "wide") "90rem" (cond (eq $navbarWidth "full") "100%" "80rem") -}}

<style>
:root {
  --hextra-max-page-width: {{ $maxPageWidth }};
  --hextra-max-navbar-width: {{ $maxNavbarWidth }};
}

.hextra-max-page-width {
  max-width: var(--hextra-max-page-width);
}

.hextra-max-navbar-width {
  max-width: var(--hextra-max-navbar-width);
}
</style>