pagination.css (1752B)
1 .pagination { 2 3 @media print { 4 display: none; 5 } 6 7 > .title { 8 display: flex; 9 text-align: center; 10 position: relative; 11 margin: 3rem 0 1rem; 12 13 > span { 14 text-align: center; 15 margin: 0 auto; 16 padding: 5px 10px; 17 background: var(--bg-color); 18 color: var(--greyed-out); 19 font-size: .8rem; 20 text-transform: uppercase; 21 text-decoration: none; 22 letter-spacing: .1em; 23 z-index: 1; 24 } 25 26 > hr { 27 position: absolute; 28 left: 0; 29 right: 0; 30 width: 100%; 31 margin-top: 15px; 32 z-index: 0; 33 } 34 } 35 36 > .buttons { 37 38 align-items: center; 39 justify-content: center; 40 flex-flow: row wrap; 41 42 a.button { 43 44 display: flex; 45 justify-content: center; 46 align-items: center; 47 48 text-decoration: none; 49 text-overflow: ellipsis; 50 max-width: 85vw; 51 overflow: hidden; 52 white-space: nowrap; 53 flex: 1; 54 55 position: relative; 56 font-size: 1rem; 57 appearance: none; 58 59 padding: 0; 60 margin: 1rem; 61 62 @media(var(--phone-width)) { 63 flex: 1; 64 } 65 66 & .button_text { 67 text-overflow: ellipsis; 68 white-space: nowrap; 69 overflow: hidden; 70 } 71 72 &.next .button_icon { 73 margin-left: 8px; 74 } 75 76 &.previous .button_icon { 77 margin-right: 8px; 78 } 79 } 80 } 81 } 82