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

Photos: Fix for blog/archive navigation when IS isn't present

Browse source 
The buttons were mobile sized (small) on desktop screens, so I made sure they followed the nav button sizes on desktop sized displays.
This commit is contained in:
Chris Runnells 2018-11-08 12:25:48 -10:00
parent 7b479c8c55
commit 44c5796b7d
1 changed files with 25 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
photos/style.css
View file

@ -923,7 +923,10 @@ a:hover, a:active {
}
.nav-links .arrow a,
.nav-links .page-numbers {
.nav-links .page-numbers,
.blog .nav-links a,
.archive .nav-links a,
.search .nav-links a {
background-color: #f0f0f0;
border-radius: 2px;
display: inline-block;
@ -935,12 +938,18 @@ a:hover, a:active {
width: 48px;
}
.nav-links .arrow a:hover {
.nav-links .arrow a:hover,
.blog .nav-links a:hover,
.archive .nav-links a:hover,
.search .nav-links a:hover {
background-color: #d63031;
color: #fff;
}
.nav-links a:hover .icon {
.nav-links a:hover .icon,
.blog .nav-links a:hover .icon,
.archive .nav-links a:hover .icon,
.search .nav-links a:hover .icon {
fill: #fff;
}
@ -2497,13 +2506,24 @@ object {
line-height: 1.7647;
}
.archive .nav-links,
.blog .nav-links,
.search .nav-links {
border-top: none;
max-width: 100%;
padding-top: 0;
}
.nav-links a {
font-size: 24px;
font-size: 2.4rem;
}
.nav-links .arrow a,
.nav-links .page-numbers {
.nav-links .page-numbers,
.blog .nav-links a,
.archive .nav-links a,
.search .nav-links a {
box-shadow: 0 0 0 1px #fff;
font-size: 20px;
font-size: 2rem;
@ -2512,7 +2532,7 @@ object {
width: 60px;
}
.nav-links .arrow .icon {
.nav-links .icon {
height: 36px;
width: 36px;
margin: 12px;