123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960 |
- // Pagination
- .pagination {
- display: flex;
- list-style: none;
- margin: $unit-1 0;
- padding: $unit-1 0;
- .page-item {
- margin: $unit-1 $unit-o;
- span {
- display: inline-block;
- padding: $unit-1 $unit-1;
- }
- a {
- border-radius: $border-radius;
- display: inline-block;
- padding: $unit-1 $unit-2;
- text-decoration: none;
- &:focus,
- &:hover {
- color: $primary-color;
- }
- }
- &.disabled {
- a {
- cursor: default;
- opacity: .5;
- pointer-events: none;
- }
- }
- &.active {
- a {
- background: $primary-color;
- color: $light-color;
- }
- }
- &.page-prev,
- &.page-next {
- flex: 1 0 50%;
- }
- &.page-next {
- text-align: right;
- }
- .page-item-title {
- margin: 0;
- }
- .page-item-subtitle {
- margin: 0;
- opacity: .5;
- }
- }
- }
|