drowl87/hextra_mirror
1
0
Fork 1
mirror of https://github.com/imfing/hextra.git synced 2025-08-23 07:07:06 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

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

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

* refactor(css): update CSS variable references for site parameters
This commit is contained in:
Xin
2025-08-14 23:12:23 +08:00
committed by GitHub
parent 4d861d7175
commit eca7665571
3 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
assets/css/variables.css
View File

@@ -1,13 +1,13 @@
/* Hugo template to derive CSS variables from site and page parameters */ /* 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. /* 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") -}} {{- $maxPageWidth := cond (eq $pageWidth "wide") "90rem" (cond (eq $pageWidth "full") "100%" "80rem") -}}
{{- $navbarWidth := .Site.Params.navbar.width -}} {{- $navbarWidth := site.Params.navbar.width -}}
{{- $maxNavbarWidth := cond (eq $navbarWidth "wide") "90rem" (cond (eq $navbarWidth "full") "100%" "80rem") -}} {{- $maxNavbarWidth := cond (eq $navbarWidth "wide") "90rem" (cond (eq $navbarWidth "full") "100%" "80rem") -}}
{{- $footerWidth := .Site.Params.footer.width -}} {{- $footerWidth := site.Params.footer.width -}}
{{- $maxFooterWidth := cond (eq $footerWidth "wide") "90rem" (cond (eq $footerWidth "full") "100%" "80rem") -}} {{- $maxFooterWidth := cond (eq $footerWidth "wide") "90rem" (cond (eq $footerWidth "full") "100%" "80rem") -}}
*/ */

2
layouts/_partials/head.html
View File

@@ -53,7 +53,6 @@
<link href="{{ $customCss.RelPermalink }}" rel="stylesheet" /> <link href="{{ $customCss.RelPermalink }}" rel="stylesheet" />
{{- end }} {{- end }}
<!-- Google Analytics --> <!-- Google Analytics -->
{{- if and hugo.IsProduction .Site.Config.Services.GoogleAnalytics.ID }} {{- if and hugo.IsProduction .Site.Config.Services.GoogleAnalytics.ID }}
<link rel="preconnect" href="https://www.googletagmanager.com" crossorigin /> <link rel="preconnect" href="https://www.googletagmanager.com" crossorigin />
@@ -92,5 +91,6 @@
{{ partialCached "scripts/mathjax.html" . -}} {{ partialCached "scripts/mathjax.html" . -}}
{{ end -}} {{ end -}}
{{ partial "utils/page-width-override.html" . }}
{{ partial "custom/head-end.html" . -}} {{ partial "custom/head-end.html" . -}}
</head> </head>

7
layouts/_partials/utils/page-width-override.html Normal file
View File

@@ -0,0 +1,7 @@
{{- with .Params.width -}}
<style>
:root {
--hextra-max-page-width: {{ cond (eq . "wide") "90rem" (cond (eq . "full") "100%" "80rem") }};
}
</style>
{{- end -}}