#pagenavi{
padding: 20px 0;
height: 20px;
line-height: 20px;
position: relative;
@include border-shadow();
a{
&:hover{
text-decoration: underline;
}
}
.prev, .next{
position: absolute;
}
.prev{
padding-left: 30px;
left: 0;
&:before{
content: "\f060";
font: 1.3em $font-icon;
position: absolute;
left: 0;
}
}
.next{
padding-right: 30px;
right: 0;
&:before{
content: "\f061";
font: 1.3em $font-icon;
position: absolute;
right: 0;
}
}
.center{
text-align: center;
width: 100%;
display: block;
@media screen and (max-width: 400px){
display: none;
}
}
} |