lostplaces-frontend/components/01_Atoms/pagination/_pagination.scss
2020-08-12 22:27:18 +02:00

52 lines
656 B
SCSS

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