lostplaces-frontend/components/01_Atoms/pagination/_pagination.scss

41 lines
578 B
SCSS

.LP-Pagination{
font-family: $-primary-sans-serif-font;
font-weight: bold;
display: flex;
flex-direction: row;
justify-content: center;
.LP-Pagination__List{
list-style-type: none;
display: flex;
flex-direction: row;
}
.LP-Pagination__Item{
margin: 0 4px;
&--current{
.LP-Link{
background-color: $-beige;
border-radius: 2px;
&:hover{
background-color: $-beige;
color: $-grey;
}
}
}
}
.LP-Link{
padding: 15px 25px;
&:active, &:hover{
background-color: $-beige;
border-radius: 2px;
color: $-grey;
}
}
}