app/assets/stylesheets/components/pagination.scss
.paginate-container {
margin-top: 3rem;
text-align: center;
}
.pagination {
background-color: #fff;
.disabled {
color: #d3d3d3;
cursor: default;
background-color: #fafafa;
&:hover {
color: #d3d3d3;
background-color: #fafafa;
}
}
a,
em,
span {
padding: 7px 12px;
margin-right: -4px;
font-size: 13px;
font-style: normal;
font-weight: bold;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
border-left: 1px solid #e5e5e5;
&:hover {
background-color: #e7e7e7;
border-color: #e5e5e5;
}
&.current {
z-index: 3;
color: #fff;
background-color: $blue;
border-color: $blue;
}
&:first-child {
border-radius: 3px 0 0 3px;
}
&:last-child {
border-right: 1px solid #e5e5e5;
border-radius: 0 3px 3px 0;
}
}
}