ettore.dreucci/cocoa-eh-hugo-theme
1
0
Fork 0
mirror of https://github.com/Noettore/cocoa-eh-hugo-theme.git synced 2025-10-15 19:56:41 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add optional enlarged mode, make header and footer padding symmetric

Browse Source 
Enlarged mode is basically like using the theme at ~110% zoom. It can be
enabled by setting `enlarged = true` as a config parameter. Other
changes are only minor fixes that shouldn't significantly impact
existing sites.
This commit is contained in:
Michael Noronha
2018-08-18 15:18:26 -07:00
parent 295f25a67d
commit bd0140e926
3 changed files with 42 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
layouts/partials/css/min600px.css
View File

@@ -11,11 +11,19 @@ section {
padding: 0 16px;
margin-left: 100px;
margin-right: 100px;
{{ if .Site.Params.enlarged }}
max-width: 825px;
{{ else }}
max-width: 750px;
{{ end }}
}
div.column {
padding: 0 16px;
{{ if .Site.Params.enlarged }}
max-width: 825px;
{{ else }}
max-width: 750px;
{{ end }}
}
div.header {
background-color: transparent;
@@ -30,8 +38,8 @@ div.header .container .logo {
margin: 0;
}
div.header-home .container .logo {
max-width: 180px;
margin-left: 20px;
max-width: 216px;
margin-left: 24px;
}
div.header-home .name-home {
padding-top: 30px;
@@ -116,7 +124,7 @@ padding-top: 60px;
padding-bottom: 60px;
}
div.footer {
padding-top: 30px;
padding-top: 60px;
padding-bottom: 60px;
}
div.main {
@@ -130,10 +138,6 @@ padding-left: 1.5em;
div.main .container .content .post-item .meta {
display: block;
}
div.main.post {
padding-top: 60px;
padding-bottom: 60px;
}
div.main .content .markdown blockquote {
padding-right: 5rem;
padding-left: 1.25rem;