57 lines
1.1 KiB
SCSS
57 lines
1.1 KiB
SCSS
.pagination {
|
|
display: flex;
|
|
margin: 2rem auto 0;
|
|
max-width: 150px;
|
|
justify-content: space-evenly;
|
|
|
|
list-style: none;
|
|
user-select: none;
|
|
|
|
.page-item {
|
|
a {
|
|
transition: background-color 100ms ease-in;
|
|
background-color: rgba(white, 0.05);
|
|
padding: 1rem;
|
|
|
|
text-decoration: none;
|
|
|
|
&:hover {
|
|
background-color: rgba(white, 0.1);
|
|
}
|
|
}
|
|
|
|
&.disabled,
|
|
&.active {
|
|
a {
|
|
cursor: not-allowed;
|
|
}
|
|
}
|
|
|
|
&.disabled {
|
|
a {
|
|
background-color: rgba(white, 0.025);
|
|
}
|
|
}
|
|
|
|
&.active {
|
|
a {
|
|
background-color: rgba(white, 0.1);
|
|
}
|
|
}
|
|
|
|
&:first-child {
|
|
a {
|
|
border-top-left-radius: 1rem;
|
|
border-bottom-left-radius: 1rem;
|
|
}
|
|
}
|
|
|
|
&:last-child {
|
|
a {
|
|
border-top-right-radius: 1rem;
|
|
border-bottom-right-radius: 1rem;
|
|
}
|
|
}
|
|
}
|
|
}
|