style: add pagination styles to catalog CSS
All checks were successful
Build and Push Docker Image / build (push) Successful in 28s
All checks were successful
Build and Push Docker Image / build (push) Successful in 28s
This commit is contained in:
@@ -719,3 +719,40 @@ aside {
|
|||||||
.sidebar-more-link:hover {
|
.sidebar-more-link:hover {
|
||||||
color: #36213e;
|
color: #36213e;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Pagination */
|
||||||
|
.catalog-pagination {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
gap: 8px;
|
||||||
|
margin-top: 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.catalog-pagination__btn {
|
||||||
|
min-width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
border: 1px solid rgba(54, 33, 62, 0.14);
|
||||||
|
background: #ffffff;
|
||||||
|
color: #554971;
|
||||||
|
font-family: 'Noah', sans-serif;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 1;
|
||||||
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: background-color 0.2s, color 0.2s, border-color 0.2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.catalog-pagination__btn:hover {
|
||||||
|
border-color: #63768d;
|
||||||
|
color: #36213e;
|
||||||
|
}
|
||||||
|
|
||||||
|
.catalog-pagination__btn.active {
|
||||||
|
background: #63768d;
|
||||||
|
color: #ffffff;
|
||||||
|
border-color: #63768d;
|
||||||
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user