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 {
#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 {