lbry-desktop/ui/scss/component/_pagination.scss
2017-08-08 22:31:56 -06:00

36 lines
675 B
SCSS

@import "../global";
.pagination {
display: block;
padding: 0;
margin: 0 auto;
text-align: center;
}
.pagination__item {
display: inline-block;
line-height: $spacing-vertical * 1.5;
height: $spacing-vertical * 1.5;
border-radius: 2px;
&:not(.pagination__item--selected):hover {
background: rgba(0, 0, 0, 0.2);
> a { cursor: hand }
}
> a {
display: inline-block;
padding: 0 $spacing-vertical * 2 / 3;
}
}
.pagination__item--previous, .pagination__item--next {
font-size: 1.2em;
}
.pagination__item--break {
padding: 0 $spacing-vertical * 2 / 3;
}
.pagination__item--selected {
color: white;
background: $color-primary;
}