Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 1 | @charset "utf-8"; |
Nils Diewald | ab4d3ca | 2015-04-17 01:48:43 +0000 | [diff] [blame] | 2 | @import "../util"; |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 3 | |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 4 | /** |
| 5 | * The pagination view |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 6 | * |
| 7 | * <div id="pagination"> |
| 8 | * <a rel="prev"><span><i class="fa fa-caret-left"></i></span></a> |
| 9 | * <a rel="self"><span>1</span></a> |
| 10 | * <a href="#p=2"><span>2</span></a> |
| 11 | * <a href="#3"><span>3</span></a> |
| 12 | * <span><i class="fa fa-ellipsis-h"></i></span> |
| 13 | * <a href="#67"><span>67</span></a> |
| 14 | * <a rel="next" href="#2"><span><i class="fa fa-caret-right"></i></span></a> |
| 15 | * </div> |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 16 | */ |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 17 | #pagination { |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 18 | /* |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 19 | * Always in fixed position. |
| 20 | * This may need to be overwritten in case multiple |
| 21 | * paginations have to be activated. |
| 22 | */ |
Akron | 72f6a87 | 2021-07-21 18:53:23 +0200 | [diff] [blame] | 23 | position: fixed; |
| 24 | font-size: 0; |
| 25 | right: ($standard-margin / 4); |
| 26 | bottom: ($standard-margin / 2); |
| 27 | z-index: 35; |
| 28 | padding: 0; |
| 29 | height: auto; |
| 30 | line-height: 0; |
| 31 | |
| 32 | > * { |
| 33 | font-size: 10pt; |
| 34 | line-height: 2em; |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 35 | |
Akron | 72f6a87 | 2021-07-21 18:53:23 +0200 | [diff] [blame] | 36 | &:not(:link):not([rel=self]) { |
| 37 | color: $choose-blind-color; |
| 38 | } |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 39 | |
Akron | 72f6a87 | 2021-07-21 18:53:23 +0200 | [diff] [blame] | 40 | &.ellipsis, &[rel=prev], &[rel=next] { |
| 41 | > span { |
| 42 | @include blind; |
| 43 | } |
| 44 | } |
| 45 | |
| 46 | &.ellipsis::after { |
| 47 | @include icon-font; |
| 48 | content: $fa-elipsis; |
| 49 | line-height: 1em; |
| 50 | } |
Akron | 7e5afce | 2020-08-25 15:50:19 +0200 | [diff] [blame] | 51 | |
Akron | 72f6a87 | 2021-07-21 18:53:23 +0200 | [diff] [blame] | 52 | &[rel=self] { |
| 53 | @include choose-active; |
| 54 | border: { |
| 55 | left-width: $border-size; |
| 56 | right-width: $border-size; |
| 57 | left-style: solid; |
| 58 | right-style: solid; |
| 59 | } |
| 60 | } |
| 61 | |
| 62 | &[rel=prev]::after { |
| 63 | @include icon-font; |
| 64 | content: $fa-previous; |
| 65 | line-height: 1em; |
| 66 | } |
| 67 | |
| 68 | &[rel=next]::after { |
| 69 | @include icon-font; |
| 70 | content: $fa-next; |
| 71 | line-height: 1em; |
| 72 | } |
Nils Diewald | a944fab | 2015-04-08 21:02:04 +0000 | [diff] [blame] | 73 | } |
Akron | 72f6a87 | 2021-07-21 18:53:23 +0200 | [diff] [blame] | 74 | } |