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 * Grid system definition for the content narrow layout. 11 */ 12 13.layout--content-narrow, 14.layout--pass--content-narrow > * { 15 -ms-grid-column: 1; 16 -ms-grid-column-span: 6; 17 grid-column: 1 / 7; 18 width: 100% 19} 20 21@media (min-width: 43.75rem) { 22 23.layout--content-narrow, 24.layout--pass--content-narrow > * { 25 -ms-grid-column: 2; 26 -ms-grid-column-span: 12; 27 grid-column: 2 / 14 28} 29 } 30 31@media (min-width: 62.5rem) { 32 33.layout--content-narrow, 34.layout--pass--content-narrow > * { 35 -ms-grid-column: 3; 36 -ms-grid-column-span: 8; 37 grid-column: 3 / 11 38} 39 } 40 41/* 42 If .layout--content-narrow is nested within any of the following, allocate the appropriate 43 amount of columns within its parent .grid-full. 44 - .layout--content-narrow class. 45 - Element that's inheriting the layout--content-narrow styles from its parent region. 46 - .layout--content-medium class. 47 - Element that's inheriting the layout--content-medium styles from its parent region. 48*/ 49 50@media (min-width: 43.75rem) { 51 52.layout--content-narrow .layout--content-narrow, 53 .layout--content-narrow .layout--pass--content-narrow > *, 54 .layout--pass--content-narrow > * .layout--content-narrow, 55 .layout--pass--content-narrow > * .layout--pass--content-narrow > *, 56 .layout--content-medium .layout--content-narrow, 57 .layout--content-medium .layout--pass--content-narrow > *, 58 .layout--pass--content-medium > * .layout--content-narrow, 59 .layout--pass--content-medium > * .layout--pass--content-narrow > * { 60 -ms-grid-column: 1; 61 -ms-grid-column-span: 12; 62 grid-column: 1 / 13 63 } 64 } 65 66@media (min-width: 62.5rem) { 67 68.layout--content-narrow .layout--content-narrow, 69 .layout--content-narrow .layout--pass--content-narrow > *, 70 .layout--pass--content-narrow > * .layout--content-narrow, 71 .layout--pass--content-narrow > * .layout--pass--content-narrow > *, 72 .layout--content-medium .layout--content-narrow, 73 .layout--content-medium .layout--pass--content-narrow > *, 74 .layout--pass--content-medium > * .layout--content-narrow, 75 .layout--pass--content-medium > * .layout--pass--content-narrow > * { 76 -ms-grid-column: 1; 77 -ms-grid-column-span: 8; 78 grid-column: 1 / 9 79 } 80 } 81 82/* 83 Special grid-breaking treatment for text-content elements that 84 reside in a content-narrow layout. 85*/ 86 87@media (min-width: 43.75rem) { 88 89[dir="ltr"] .layout--content-narrow.text-content blockquote:before,[dir="ltr"] .layout--content-narrow .text-content blockquote:before,[dir="ltr"] .layout--pass--content-narrow > *.text-content blockquote:before,[dir="ltr"] .layout--pass--content-narrow > * .text-content blockquote:before { 90 left: -7.14286vw 91 } 92 93[dir="rtl"] .layout--content-narrow.text-content blockquote:before,[dir="rtl"] .layout--content-narrow .text-content blockquote:before,[dir="rtl"] .layout--pass--content-narrow > *.text-content blockquote:before,[dir="rtl"] .layout--pass--content-narrow > * .text-content blockquote:before { 94 right: -7.14286vw 95 } 96 } 97 98@media (min-width: 62.5rem) { 99 100[dir="ltr"] .layout--content-narrow.text-content blockquote:before,[dir="ltr"] .layout--content-narrow .text-content blockquote:before,[dir="ltr"] .layout--pass--content-narrow > *.text-content blockquote:before,[dir="ltr"] .layout--pass--content-narrow > * .text-content blockquote:before { 101 left: calc(-7.14286vw - -1.07143px) 102 } 103 104[dir="rtl"] .layout--content-narrow.text-content blockquote:before,[dir="rtl"] .layout--content-narrow .text-content blockquote:before,[dir="rtl"] .layout--pass--content-narrow > *.text-content blockquote:before,[dir="rtl"] .layout--pass--content-narrow > * .text-content blockquote:before { 105 right: calc(-7.14286vw - -1.07143px) 106 } 107 } 108 109@media (min-width: 75rem) { 110 111[dir="ltr"] .layout--content-narrow.text-content blockquote:before,[dir="ltr"] .layout--content-narrow .text-content blockquote:before,[dir="ltr"] .layout--pass--content-narrow > *.text-content blockquote:before,[dir="ltr"] .layout--pass--content-narrow > * .text-content blockquote:before { 112 left: calc(-7.14286vw - -0.62946rem) 113 } 114 115[dir="rtl"] .layout--content-narrow.text-content blockquote:before,[dir="rtl"] .layout--content-narrow .text-content blockquote:before,[dir="rtl"] .layout--pass--content-narrow > *.text-content blockquote:before,[dir="rtl"] .layout--pass--content-narrow > * .text-content blockquote:before { 116 right: calc(-7.14286vw - -0.62946rem) 117 } 118 } 119 120@media (min-width: 90rem) { 121 122[dir="ltr"] .layout--content-narrow.text-content blockquote:before,[dir="ltr"] .layout--content-narrow .text-content blockquote:before,[dir="ltr"] .layout--pass--content-narrow > *.text-content blockquote:before,[dir="ltr"] .layout--pass--content-narrow > * .text-content blockquote:before { 123 left: -5.86607rem 124 } 125 126[dir="rtl"] .layout--content-narrow.text-content blockquote:before,[dir="rtl"] .layout--content-narrow .text-content blockquote:before,[dir="rtl"] .layout--pass--content-narrow > *.text-content blockquote:before,[dir="rtl"] .layout--pass--content-narrow > * .text-content blockquote:before { 127 right: -5.86607rem 128 } 129 } 130 131@media (min-width: 43.75rem) { 132 133[dir="ltr"] .layout--content-narrow.text-content blockquote:after,[dir="ltr"] .layout--content-narrow .text-content blockquote:after,[dir="ltr"] .layout--pass--content-narrow > *.text-content blockquote:after,[dir="ltr"] .layout--pass--content-narrow > * .text-content blockquote:after { 134 left: -7.14286vw 135 } 136 137[dir="rtl"] .layout--content-narrow.text-content blockquote:after,[dir="rtl"] .layout--content-narrow .text-content blockquote:after,[dir="rtl"] .layout--pass--content-narrow > *.text-content blockquote:after,[dir="rtl"] .layout--pass--content-narrow > * .text-content blockquote:after { 138 right: -7.14286vw 139 } 140 141[dir="ltr"] .layout--content-narrow.text-content blockquote:after,[dir="ltr"] .layout--content-narrow .text-content blockquote:after,[dir="ltr"] .layout--pass--content-narrow > *.text-content blockquote:after,[dir="ltr"] .layout--pass--content-narrow > * .text-content blockquote:after { 142 margin-left: 2px 143 } 144 145[dir="rtl"] .layout--content-narrow.text-content blockquote:after,[dir="rtl"] .layout--content-narrow .text-content blockquote:after,[dir="rtl"] .layout--pass--content-narrow > *.text-content blockquote:after,[dir="rtl"] .layout--pass--content-narrow > * .text-content blockquote:after { 146 margin-right: 2px 147 } 148 149.layout--content-narrow.text-content blockquote:after, .layout--content-narrow .text-content blockquote:after, .layout--pass--content-narrow > *.text-content blockquote:after, .layout--pass--content-narrow > * .text-content blockquote:after { 150 width: 1.125rem; 151 height: calc(100% - 2.8125rem) 152 } 153 } 154 155@media (min-width: 62.5rem) { 156 157[dir="ltr"] .layout--content-narrow.text-content blockquote:after,[dir="ltr"] .layout--content-narrow .text-content blockquote:after,[dir="ltr"] .layout--pass--content-narrow > *.text-content blockquote:after,[dir="ltr"] .layout--pass--content-narrow > * .text-content blockquote:after { 158 left: calc(-7.14286vw - -1.07143px) 159 } 160 161[dir="rtl"] .layout--content-narrow.text-content blockquote:after,[dir="rtl"] .layout--content-narrow .text-content blockquote:after,[dir="rtl"] .layout--pass--content-narrow > *.text-content blockquote:after,[dir="rtl"] .layout--pass--content-narrow > * .text-content blockquote:after { 162 right: calc(-7.14286vw - -1.07143px) 163 } 164 } 165 166@media (min-width: 75rem) { 167 168[dir="ltr"] .layout--content-narrow.text-content blockquote:after,[dir="ltr"] .layout--content-narrow .text-content blockquote:after,[dir="ltr"] .layout--pass--content-narrow > *.text-content blockquote:after,[dir="ltr"] .layout--pass--content-narrow > * .text-content blockquote:after { 169 left: calc(-7.14286vw - -0.62946rem) 170 } 171 172[dir="rtl"] .layout--content-narrow.text-content blockquote:after,[dir="rtl"] .layout--content-narrow .text-content blockquote:after,[dir="rtl"] .layout--pass--content-narrow > *.text-content blockquote:after,[dir="rtl"] .layout--pass--content-narrow > * .text-content blockquote:after { 173 right: calc(-7.14286vw - -0.62946rem) 174 } 175 } 176 177@media (min-width: 90rem) { 178 179[dir="ltr"] .layout--content-narrow.text-content blockquote:after,[dir="ltr"] .layout--content-narrow .text-content blockquote:after,[dir="ltr"] .layout--pass--content-narrow > *.text-content blockquote:after,[dir="ltr"] .layout--pass--content-narrow > * .text-content blockquote:after { 180 left: -5.86607rem 181 } 182 183[dir="rtl"] .layout--content-narrow.text-content blockquote:after,[dir="rtl"] .layout--content-narrow .text-content blockquote:after,[dir="rtl"] .layout--pass--content-narrow > *.text-content blockquote:after,[dir="rtl"] .layout--pass--content-narrow > * .text-content blockquote:after { 184 right: -5.86607rem 185 } 186 } 187 188@media (min-width: 43.75rem) { 189 190[dir="ltr"] .layout--content-narrow.text-content blockquote,[dir="ltr"] .layout--content-narrow .text-content blockquote,[dir="ltr"] .layout--pass--content-narrow > *.text-content blockquote,[dir="ltr"] .layout--pass--content-narrow > * .text-content blockquote { 191 padding-left: 0 192 } 193 194[dir="rtl"] .layout--content-narrow.text-content blockquote,[dir="rtl"] .layout--content-narrow .text-content blockquote,[dir="rtl"] .layout--pass--content-narrow > *.text-content blockquote,[dir="rtl"] .layout--pass--content-narrow > * .text-content blockquote { 195 padding-right: 0 196 } 197 198.layout--content-narrow.text-content blockquote, .layout--content-narrow .text-content blockquote, .layout--pass--content-narrow > *.text-content blockquote, .layout--pass--content-narrow > * .text-content blockquote { 199 width: calc(71.42857vw - 2.25rem); 200 margin-top: 3.375rem; 201 margin-bottom: 3.375rem 202 } 203 } 204 205@media (min-width: 62.5rem) { 206 207.layout--content-narrow.text-content blockquote, .layout--content-narrow .text-content blockquote, .layout--pass--content-narrow > *.text-content blockquote, .layout--pass--content-narrow > * .text-content blockquote { 208 width: calc(71.42857vw - 2.91964rem) 209 } 210 } 211 212@media (min-width: 75rem) { 213 214.layout--content-narrow.text-content blockquote, .layout--content-narrow .text-content blockquote, .layout--pass--content-narrow > *.text-content blockquote, .layout--pass--content-narrow > * .text-content blockquote { 215 width: calc(71.42857vw - 8.54464rem) 216 } 217 } 218 219@media (min-width: 90rem) { 220 221.layout--content-narrow.text-content blockquote, .layout--content-narrow .text-content blockquote, .layout--pass--content-narrow > *.text-content blockquote, .layout--pass--content-narrow > * .text-content blockquote { 222 width: 56.41071rem 223 } 224 } 225 226@media (min-width: 43.75rem) { 227 228.layout--content-narrow.text-content pre, .layout--content-narrow .text-content pre, .layout--pass--content-narrow > *.text-content pre, .layout--pass--content-narrow > * .text-content pre { 229 width: calc(71.42857vw - 2.25rem); 230 margin-top: 3.375rem; 231 margin-bottom: 3.375rem 232 } 233 } 234 235@media (min-width: 62.5rem) { 236 237[dir="ltr"] .layout--content-narrow.text-content pre,[dir="ltr"] .layout--content-narrow .text-content pre,[dir="ltr"] .layout--pass--content-narrow > *.text-content pre,[dir="ltr"] .layout--pass--content-narrow > * .text-content pre { 238 margin-left: calc(-7.14286vw - -1.07143px) 239 } 240 241[dir="rtl"] .layout--content-narrow.text-content pre,[dir="rtl"] .layout--content-narrow .text-content pre,[dir="rtl"] .layout--pass--content-narrow > *.text-content pre,[dir="rtl"] .layout--pass--content-narrow > * .text-content pre { 242 margin-right: calc(-7.14286vw - -1.07143px) 243 } 244 245.layout--content-narrow.text-content pre, .layout--content-narrow .text-content pre, .layout--pass--content-narrow > *.text-content pre, .layout--pass--content-narrow > * .text-content pre { 246 width: calc(85.71429vw - 3.05357rem) 247 } 248 } 249 250@media (min-width: 75rem) { 251 252.layout--content-narrow.text-content pre, .layout--content-narrow .text-content pre, .layout--pass--content-narrow > *.text-content pre, .layout--pass--content-narrow > * .text-content pre { 253 width: calc(85.71429vw - 9.80357rem) 254 } 255 } 256 257@media (min-width: 90rem) { 258 259.layout--content-narrow.text-content pre, .layout--content-narrow .text-content pre, .layout--pass--content-narrow > *.text-content pre, .layout--pass--content-narrow > * .text-content pre { 260 width: 68.14286rem 261 } 262 } 263 264/** 265 * <pre> and <blockquote> elements should not break containers and overflow 266 * into sidebar region when present. 267 */ 268 269.sidebar-grid .layout--content-narrow.text-content blockquote, 270 .sidebar-grid .layout--content-narrow.text-content pre, 271 .sidebar-grid .layout--content-narrow .text-content blockquote, 272 .sidebar-grid .layout--content-narrow .text-content pre, 273 .sidebar-grid .layout--pass--content-narrow > *.text-content blockquote, 274 .sidebar-grid .layout--pass--content-narrow > *.text-content pre, 275 .sidebar-grid .layout--pass--content-narrow > * .text-content blockquote, 276 .sidebar-grid .layout--pass--content-narrow > * .text-content pre { 277 width: auto; 278 } 279