maride/hugo-theme-terminal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add wide width theme

Browse Source
This commit is contained in:
Amith211 2020-08-07 12:30:49 +01:00
parent 08dd00930a
commit 420e49160e
No known key found for this signature in database
GPG Key ID: D0C9151EECA07475
3 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
README.md
View File

@ -113,8 +113,9 @@ paginate = 5
# show selector to switch language # show selector to switch language
showLanguageSelector = false showLanguageSelector = false
# set theme to full screen width # set theme width full | wide | default
fullWidthTheme = false # full screen, wide (60%), default
themeWidth = "default"
# center theme with default width # center theme with default width
centerTheme = false centerTheme = false

5
assets/css/main.css
View File

@ -304,8 +304,13 @@ mark {
max-width: 100%; max-width: 100%;
} }
&.wide {
max-width: 60%;
}
@media (--phone) { @media (--phone) {
padding: 20px; padding: 20px;
max-width: 100% !important;
} }
@media print { @media print {

5
layouts/_default/baseof.html
View File

@ -7,9 +7,10 @@
{{ partial "head.html" . }} {{ partial "head.html" . }}
</head> </head>
<body class="{{- ( or .Params.color $.Site.Params.ThemeColor ) -}}"> <body class="{{- ( or .Params.color $.Site.Params.ThemeColor ) -}}">
{{ $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" "" }}
<div class="{{- $container -}}{{- cond ($.Site.Params.oneHeadingSize | default true) " headings--one-size" "" }}"> <div class="{{- $containerThemeWidth }} {{ $containerThemeCenter -}} {{- cond ($.Site.Params.oneHeadingSize | default true) " headings--one-size" "" }}">
{{ partial "header.html" . }} {{ partial "header.html" . }}