上のやりかただと最新記事の場合prevが右端になってしまうので少し調整
.pagination.single {
flex-flow: row-reverse;
}
.pagination.single a[rel=prev] {
padding: 15px 15px 15px 30px;
margin-right: auto;
margin-left: 0;
}
.pagination.single a[rel=next] {
padding: 15px 30px 15px 15px;
margin: 0;
}
.pagination.single a[rel=next]:before {
border-right: 1px solid;
border-bottom: 1px solid;
-webkit-transform: rotate(
-45deg
);
transform: rotate(
-45deg
);
right: 1em;
left: inherit;
border-left: none;
}
.pagination.single a[rel=prev]:before {
border-left: 1px solid;
border-bottom: 1px solid;
-webkit-transform: rotate(
45deg
);
transform: rotate(
45deg
);
left: 1em;
right: inherit;
border-right: none;
}
.pagination.single a[rel=next]:hover:before {
right: 0.7em ;
left: inherit;
}
.pagination.single a[rel=prev]:hover:before {
left:0.7em;
right:inherit;
}
@media only screen and (max-width: 767px){
.pagination.single {
display: block;
}
}