Twenty Seventeen: Fix post navigation font legibility issue

The combination of font-size and weight for post navigation made lower case "i"s illegible in some cases. Using `15px` seemed to be the best choice all around. Also adjusts the spacing around the arrows a bit, since they touch the text on small screen sizes.

Props laurelfulford.

Fixes #38670.


git-svn-id: https://develop.svn.wordpress.org/trunk@39152 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
David A. Kennedy 2016-11-07 21:06:20 +00:00
parent 1207af99d4
commit 750d78a8e3
2 changed files with 20 additions and 2 deletions

View File

@ -135,6 +135,16 @@ input[type="checkbox"] {
float: left;
}
.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
margin-left: 0.5em;
margin-right: 0;
}
.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
margin-left: 0;
margin-right: 0.5em;
}
/* Blog Entries */
.entry-footer .cat-links,

View File

@ -2166,14 +2166,22 @@ body:not(.twentyseventeen-front-page) .entry-header {
.nav-title {
color: #333;
font-size: 16px;
font-size: 1rem;
font-size: 15px;
font-size: 0.9375rem;
}
.post-navigation .nav-next {
margin-top: 1.5em;
}
.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
margin-right: 0.5em;
}
.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
margin-left: 0.5em;
}
/*--------------------------------------------------------------
## Pages
--------------------------------------------------------------*/