vrifox/natenom-websites
vrifox/natenom-websites
Archived
1
1
Fork 0
Code Issues 1 Releases Activity

„weiterlesen“ in Suche; Header

Browse source
This commit is contained in:
Vrifox 2021-01-02 23:34:18 +01:00
parent fc86ab3d5b
commit 9d3ddbded9
Signed by: vrifox
GPG key ID: D40098E5B60B2197
1 changed files with 75 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

89
scss/import/blog.scss
View file

@ -15,13 +15,26 @@
body { body {
#page { #page {
header#masthead { 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-branding {
.site-description { .site-description {
font-size: .6em;
font-style: italic; font-style: italic;
} }
} }
nav#site-navigation { nav#site-navigation {
top: 32px;
.primary-menu-container { .primary-menu-container {
ul#primary-menu-list { ul#primary-menu-list {
.menu-item { .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 // post preview
body { body {
&.home, &.home,
&.tag, &.tag,
&.category { &.category,
&.search {
#page { #page {
#content { #content {
#primary { #primary {
@ -76,18 +117,16 @@ body {
font-size: 30px; font-size: 30px;
line-height: 35px; line-height: 35px;
} }
.more-link-container { a.more-link {
a.more-link { background: var(--button--color-background);
background: var(--button--color-background); border: var(--button--border-width) solid var(--button--color-background);
border: var(--button--border-width) solid var(--button--color-background); color: var(--button--color-text);
color: var(--button--color-text); font-weight: var(--button--font-weight);
font-weight: var(--button--font-weight); padding: 10px 40px;
padding: 10px 40px; text-decoration: none;
text-decoration: none; &:hover {
&:hover { background: transparent;
background: transparent; color: var(--button--color-text-hover);
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 // post
body { body {