Files
landing_page/qdrant-landing/themes/qdrant/static/css/blocks/_pagination.scss
T
trean e2950d7b47 New blog section (#477)
* new blog layout WIP

* contact form - compact variant, some hero section styles

* pagination style

* post fetching WIP

* two cols form

* blog post

* blog post related posts styles

* some refactoring

* forms fixes

* hero section

* breadcrumbs

* fix

* fixes for featured section

* fixes

* blog single page

* single page related posts - mobile view

* single page

* html, share links hover

* input focus styles

* some hovers

* added page-serch

* fixes

* fix compact view of card

* form ids

* related posts, mobile list, css fixes

* blog post archetype

* posts

* turned off cards img animation

* netlify cms update

* removed excessive padding

* readme

* font 500 for news letter form
2023-12-19 19:58:30 +01:00

47 lines
904 B
SCSS

.pagination {
width: 100%;
display: flex;
justify-content: center;
&__list {
display: inline-flex;
justify-content: center;
}
&__item {
& > a {
margin: 0 0.25rem;
display: flex;
min-width: 2rem;
height: 2rem;
text-align: center;
padding: 0.125rem 0.5625rem;
justify-content: center;
align-items: center;
border-radius: 0.625rem;
color: var(--neutral-n-600, #39508F);
font-family: inherit;
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1.5rem;
transition: background-color 0.2s ease;
&:hover {
background: var(--neutral-n-100, #F5F7FF);
}
}
&.active {
& > a {
background: var(--Primary, #DC244C);
cursor: default;
color: var(--neutral-white, #FFF);
pointer-events: none;
}
}
}
}