fix(page-width): add back page width override via css variable

[imfing]

fixes #747

[netlify]

✅ Deploy Preview for hugo-hextra ready!

Name	Link
🔨 Latest commit	a5eae0f
🔍 Latest deploy log	https://app.netlify.com/projects/hugo-hextra/deploys/689df9958c1a130008bd3beb
😎 Deploy Preview	https://deploy-preview-748--hugo-hextra.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[ldez]

I have a naive question: why is the scope .hextra-max-page-width instead of :root?

[imfing]

I didn't think too much as the .hextra-max-page-width class is the only place the css variable is used

now I feel :root is slightly more consistent, will change it.

[ldez]

I think you can also change:

hextra/assets/css/variables.css

Lines 4 to 5 in 4d861d7

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

diff --git i/assets/css/variables.css w/assets/css/variables.css
index 5cc96ac..62dbe6c 100644
--- i/assets/css/variables.css
+++ w/assets/css/variables.css
@@ -1,7 +1,7 @@
 /* Hugo template to derive CSS variables from site and page parameters */
 
 /* Do not remove the following comment. It is used by Hugo to render CSS variables.
-{{- $pageWidth := .Params.width | default .Site.Params.page.width -}}
+{{- $pageWidth := .Site.Params.page.width -}}
 {{- $maxPageWidth := cond (eq $pageWidth "wide") "90rem" (cond (eq $pageWidth "full") "100%" "80rem") -}}
 
 {{- $navbarWidth := .Site.Params.navbar.width -}}

[imfing]

I think you can also change:

good point 👍