lbry-desktop/ui/scss/component/_pagination.scss

37 lines
681 B
SCSS
Raw Normal View History

2017-07-29 21:34:22 +02:00
@import "../global";
.pagination {
display: block;
2017-07-17 08:06:04 +02:00
padding: 0;
2017-07-29 21:34:22 +02:00
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;
}
2017-07-17 08:06:04 +02:00
}
2017-07-29 21:34:22 +02:00
.pagination__item--previous, .pagination__item--next {
font-size: 1.2em;
2017-07-17 08:06:04 +02:00
}
2017-08-09 06:31:56 +02:00
.pagination__item--break {
padding: 0 $spacing-vertical * 2 / 3;
}
2017-07-29 21:34:22 +02:00
.pagination__item--selected {
color: white;
2017-08-18 07:37:35 +02:00
background: var(--color-primary);
2017-07-17 08:06:04 +02:00
}