From 9d3ddbded9253ba90717f621e8fd9f6f93dd79ea Mon Sep 17 00:00:00 2001 From: Vrifox Date: Sat, 2 Jan 2021 23:34:18 +0100 Subject: [PATCH] =?UTF-8?q?=E2=80=9Eweiterlesen=E2=80=9C=20in=20Suche;=20H?= =?UTF-8?q?eader?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- scss/import/blog.scss | 89 ++++++++++++++++++++++++++++++++++++------- 1 file changed, 75 insertions(+), 14 deletions(-) diff --git a/scss/import/blog.scss b/scss/import/blog.scss index 862fe87..39d7026 100644 --- a/scss/import/blog.scss +++ b/scss/import/blog.scss @@ -15,13 +15,26 @@ body { #page { header#masthead { + padding-top: var(--global--spacing-vertical); + padding-bottom: var(--global--spacing-vertical); + row-gap: 10px; + .site-logo { + border: 0; + width: unset; + margin: unset; + padding: 0; + margin-right: 20px; + img.custom-logo { + max-width: 32px; + } + } .site-branding { .site-description { + font-size: .6em; font-style: italic; } } nav#site-navigation { - top: 32px; .primary-menu-container { ul#primary-menu-list { .menu-item { @@ -47,13 +60,41 @@ body { } } } +@media (max-width: 481px) { + body { + #page { + header#masthead { + nav#site-navigation { + top: 32px; + } + } + } + } +} +@media (min-width: 482px) { + body { + #page { + header#masthead { + .site-branding { + display: grid; + grid-gap: 20px; + grid-template-columns: auto auto; + .site-description { + margin: auto; + } + } + } + } + } +} // post preview body { &.home, &.tag, - &.category { + &.category, + &.search { #page { #content { #primary { @@ -76,18 +117,16 @@ body { font-size: 30px; line-height: 35px; } - .more-link-container { - a.more-link { - background: var(--button--color-background); - border: var(--button--border-width) solid var(--button--color-background); - color: var(--button--color-text); - font-weight: var(--button--font-weight); - padding: 10px 40px; - text-decoration: none; - &:hover { - background: transparent; - color: var(--button--color-text-hover); - } + a.more-link { + background: var(--button--color-background); + border: var(--button--border-width) solid var(--button--color-background); + color: var(--button--color-text); + font-weight: var(--button--font-weight); + padding: 10px 40px; + text-decoration: none; + &:hover { + background: transparent; + color: var(--button--color-text-hover); } } } @@ -120,6 +159,28 @@ body { } } +// search + +body.search { + #page { + #content { + #primary { + #main { + article.post { + .entry-content { + a.more-link { + float: left; + padding: 5.5px 40px; + margin-top: 30px; + } + } + } + } + } + } + } +} + // post body {