1/* 2 * DO NOT EDIT THIS FILE. 3 * See the following change record for more information, 4 * https://www.drupal.org/node/3084859 5 * @preserve 6 */ 7 8/** 9 * @file 10 * Book module styling. 11 */ 12 13[dir="ltr"] .book-pager { 14 margin-left: 0; 15} 16 17[dir="rtl"] .book-pager { 18 margin-right: 0; 19} 20 21[dir="ltr"] .book-pager { 22 margin-right: 0; 23} 24 25[dir="rtl"] .book-pager { 26 margin-left: 0; 27} 28 29[dir="ltr"] .book-pager { 30 padding-left: 0; 31} 32 33[dir="rtl"] .book-pager { 34 padding-right: 0; 35} 36 37[dir="ltr"] .book-pager { 38 padding-right: 0; 39} 40 41[dir="rtl"] .book-pager { 42 padding-left: 0; 43} 44 45.book-pager { 46 display: flex; 47 flex-wrap: wrap; 48 margin-top: 0 1.125rem; 49 padding-top: 0; 50 padding-bottom: 1.125rem; 51 list-style: none; 52 border-bottom: solid 1px #0d77b5; 53} 54 55.book-pager__item { 56 display: inline-block 57} 58 59@media (min-width: 31.25rem) { 60 61.book-pager__item { 62 flex: 0 0 33.33% 63} 64 } 65 66@media (min-width: 31.25rem) { 67 68.book-pager__item--center { 69 text-align: center 70} 71 } 72 73@media (min-width: 31.25rem) { 74 75[dir="ltr"] .book-pager__item--next { 76 margin-left: auto; 77 } 78 79[dir="rtl"] .book-pager__item--next { 80 margin-right: auto; 81 } 82 83[dir="ltr"] .book-pager__item--next { 84 text-align: right; 85 } 86 87[dir="rtl"] .book-pager__item--next { 88 text-align: left; 89 } 90 } 91 92.book-pager__link { 93 display: inline-flex; 94 align-items: center; 95 text-decoration: none; 96 color: #0d77b5; 97 font-family: "Lora", "georgia", serif; 98 font-size: 1.125rem; 99 font-weight: 600; 100} 101 102[dir="ltr"] .book-pager__link--previous:before { 103 margin-right: 0.25em; 104} 105 106[dir="rtl"] .book-pager__link--previous:before { 107 margin-left: 0.25em; 108} 109 110[dir="ltr"] .book-pager__link--previous:before { 111 border-left: solid 3px currentColor; 112} 113 114[dir="rtl"] .book-pager__link--previous:before { 115 border-right: solid 3px currentColor; 116} 117 118.book-pager__link--previous:before { 119 display: block; 120 width: 0.5625rem; 121 height: 0.5625rem; 122 content: ""; 123 transform: rotate(-45deg); 124 border-top: solid 3px currentColor; 125 } 126 127[dir="ltr"] .book-pager__link--next:after { 128 margin-left: 0.25em; 129} 130 131[dir="rtl"] .book-pager__link--next:after { 132 margin-right: 0.25em; 133} 134 135[dir="ltr"] .book-pager__link--next:after { 136 border-left: solid 3px currentColor; 137} 138 139[dir="rtl"] .book-pager__link--next:after { 140 border-right: solid 3px currentColor; 141} 142 143.book-pager__link--next:after { 144 display: block; 145 width: 0.5625rem; 146 height: 0.5625rem; 147 content: ""; 148 transform: rotate(135deg); 149 border-top: solid 3px currentColor; 150 } 151 152[dir="ltr"] .book-navigation__menu { 153 margin-left: 0; 154} 155 156[dir="rtl"] .book-navigation__menu { 157 margin-right: 0; 158} 159 160[dir="ltr"] .book-navigation__menu { 161 margin-right: 0; 162} 163 164[dir="rtl"] .book-navigation__menu { 165 margin-left: 0; 166} 167 168[dir="ltr"] .book-navigation__menu { 169 padding-left: 0; 170} 171 172[dir="rtl"] .book-navigation__menu { 173 padding-right: 0; 174} 175 176[dir="ltr"] .book-navigation__menu { 177 padding-right: 0; 178} 179 180[dir="rtl"] .book-navigation__menu { 181 padding-left: 0; 182} 183 184.book-navigation__menu { 185 margin-top: 2.25rem; 186 margin-bottom: 2.25rem; 187 padding-top: 0; 188 padding-bottom: 0; 189 list-style: none; 190} 191 192[dir="ltr"] .book-navigation__item { 193 padding-left: 0; 194} 195 196[dir="rtl"] .book-navigation__item { 197 padding-right: 0; 198} 199 200[dir="ltr"] .book-navigation__item { 201 padding-right: 0; 202} 203 204[dir="rtl"] .book-navigation__item { 205 padding-left: 0; 206} 207 208.book-navigation__item { 209 margin-top: 0; 210 margin-bottom: 0; 211 padding-top: 0; 212 padding-bottom: 0; 213 list-style: none; 214} 215 216[dir="rtl"] .book-pager__link--previous:before { 217 transform: rotate(45deg); 218 } 219 220[dir="rtl"] .book-pager__link--next:after { 221 transform: rotate(-135deg); 222 } 223