beenull/themes-wordpress
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Header spacing refinements.

Browse source
This commit is contained in:
Jeff Ong 2020-10-13 11:44:27 -04:00
parent 68196181c6
commit 2d7812b3e4
5 changed files with 36 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
spearhead/assets/sass/_header.scss
View file

@ -3,7 +3,7 @@ $site-branding-height: 68px;
.has-main-navigation {
.site-header {
padding: var(--global--spacing-horizontal) var(--global--spacing-horizontal);
padding: 35px var(--global--spacing-horizontal);
@include media( mobile-only ){
.site-title {
@ -35,9 +35,13 @@ $site-branding-height: 68px;
flex-grow: 1;
text-align: left;
.site-title > a {
background: inherit;
text-shadow: none;
.site-title {
margin-bottom: 4px;
> a {
background: inherit;
text-shadow: none;
}
}
}
@ -84,7 +88,7 @@ $site-branding-height: 68px;
.primary-navigation > div > ul li, .woo-navigation > div > ul li {
color: var(--global--color-secondary);
margin: 6px;
margin: 6px 8px;
padding: var(--social-nav--padding);
a:hover {

5
spearhead/assets/sass/_posts-and-pages.scss
View file

@ -25,7 +25,10 @@
.site-main > * {
margin: 0 auto;
padding: calc(3 * var(--global--spacing-vertical)) 0;
padding: var(--global--spacing-vertical) 0;
&:first-child {
padding-top: 0;
}
}
// Sticky posts

14
spearhead/style-rtl.css
View file

@ -59,7 +59,11 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
.site-main > * {
margin: 0 auto;
padding: calc(3 * var(--global--spacing-vertical)) 0;
padding: var(--global--spacing-vertical) 0;
}
.site-main > *:first-child {
padding-top: 0;
}
.has-sticky-post .site-main > *:first-child {
@ -98,7 +102,7 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
}
.has-main-navigation .site-header {
padding: var(--global--spacing-horizontal) var(--global--spacing-horizontal);
padding: 35px var(--global--spacing-horizontal);
}
@media only screen and (max-width: 481px) {
@ -132,6 +136,10 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
text-align: right;
}
.site-header .site-branding .site-title {
margin-bottom: 4px;
}
.site-header .site-branding .site-title > a {
background: inherit;
text-shadow: none;
@ -177,7 +185,7 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
.site-header .primary-navigation > div > ul li, .site-header .woo-navigation > div > ul li {
color: var(--global--color-secondary);
margin: 6px;
margin: 6px 8px;
padding: var(--social-nav--padding);
}

14
spearhead/style.css
View file

@ -59,7 +59,11 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
.site-main > * {
margin: 0 auto;
padding: calc(3 * var(--global--spacing-vertical)) 0;
padding: var(--global--spacing-vertical) 0;
}
.site-main > *:first-child {
padding-top: 0;
}
.has-sticky-post .site-main > *:first-child {
@ -98,7 +102,7 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
}
.has-main-navigation .site-header {
padding: var(--global--spacing-horizontal) var(--global--spacing-horizontal);
padding: 35px var(--global--spacing-horizontal);
}
@media only screen and (max-width: 481px) {
@ -132,6 +136,10 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
text-align: left;
}
.site-header .site-branding .site-title {
margin-bottom: 4px;
}
.site-header .site-branding .site-title > a {
background: inherit;
text-shadow: none;
@ -177,7 +185,7 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
.site-header .primary-navigation > div > ul li, .site-header .woo-navigation > div > ul li {
color: var(--global--color-secondary);
margin: 6px;
margin: 6px 8px;
padding: var(--social-nav--padding);
}

2
spearhead/style.css.map
View file

File diff suppressed because one or more lines are too long