diff --git a/README.md b/README.md index ad88867..0e5a086 100644 --- a/README.md +++ b/README.md @@ -113,8 +113,9 @@ paginate = 5 # show selector to switch language showLanguageSelector = false - # set theme to full screen width - fullWidthTheme = false + # set theme width full | wide | default + # full screen, wide (60%), default + themeWidth = "default" # center theme with default width centerTheme = false diff --git a/assets/css/main.css b/assets/css/main.css index 6c8ba5b..2ebcf9f 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -304,8 +304,13 @@ mark { max-width: 100%; } + &.wide { + max-width: 60%; + } + @media (--phone) { padding: 20px; + max-width: 100% !important; } @media print { diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index 44edc4a..2221c63 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -7,9 +7,10 @@ {{ partial "head.html" . }} -{{ $container := cond $.Site.Params.FullWidthTheme "container full" (cond $.Site.Params.CenterTheme "container center" "container") }} +{{ $containerThemeWidth := cond (eq $.Site.Params.ThemeWidth "full") "container full" (cond (eq $.Site.Params.ThemeWidth "wide") "container wide" "container") }} +{{ $containerThemeCenter := cond $.Site.Params.CenterTheme "center" "" }} -
+
{{ partial "header.html" . }}