/* * DO NOT EDIT THIS FILE. * See the following change record for more information, * https://www.drupal.org/node/3084859 * @preserve */ /** * @file * Grid system definition for the content narrow layout. */ .layout--content-narrow, .layout--pass--content-narrow > * { -ms-grid-column: 1; -ms-grid-column-span: 6; grid-column: 1 / 7; width: 100% } @media (min-width: 43.75rem) { .layout--content-narrow, .layout--pass--content-narrow > * { -ms-grid-column: 2; -ms-grid-column-span: 12; grid-column: 2 / 14 } } @media (min-width: 62.5rem) { .layout--content-narrow, .layout--pass--content-narrow > * { -ms-grid-column: 3; -ms-grid-column-span: 8; grid-column: 3 / 11 } } /* If .layout--content-narrow is nested within any of the following, allocate the appropriate amount of columns within its parent .grid-full. - .layout--content-narrow class. - Element that's inheriting the layout--content-narrow styles from its parent region. - .layout--content-medium class. - Element that's inheriting the layout--content-medium styles from its parent region. */ @media (min-width: 43.75rem) { .layout--content-narrow .layout--content-narrow, .layout--content-narrow .layout--pass--content-narrow > *, .layout--pass--content-narrow > * .layout--content-narrow, .layout--pass--content-narrow > * .layout--pass--content-narrow > *, .layout--content-medium .layout--content-narrow, .layout--content-medium .layout--pass--content-narrow > *, .layout--pass--content-medium > * .layout--content-narrow, .layout--pass--content-medium > * .layout--pass--content-narrow > * { -ms-grid-column: 1; -ms-grid-column-span: 12; grid-column: 1 / 13 } } @media (min-width: 62.5rem) { .layout--content-narrow .layout--content-narrow, .layout--content-narrow .layout--pass--content-narrow > *, .layout--pass--content-narrow > * .layout--content-narrow, .layout--pass--content-narrow > * .layout--pass--content-narrow > *, .layout--content-medium .layout--content-narrow, .layout--content-medium .layout--pass--content-narrow > *, .layout--pass--content-medium > * .layout--content-narrow, .layout--pass--content-medium > * .layout--pass--content-narrow > * { -ms-grid-column: 1; -ms-grid-column-span: 8; grid-column: 1 / 9 } } /* Special grid-breaking treatment for text-content elements that reside in a content-narrow layout. */ @media (min-width: 43.75rem) { [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 { left: -7.14286vw } [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 { right: -7.14286vw } } @media (min-width: 62.5rem) { [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 { left: calc(-7.14286vw - -1.07143px) } [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 { right: calc(-7.14286vw - -1.07143px) } } @media (min-width: 75rem) { [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 { left: calc(-7.14286vw - -0.62946rem) } [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 { right: calc(-7.14286vw - -0.62946rem) } } @media (min-width: 90rem) { [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 { left: -5.86607rem } [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 { right: -5.86607rem } } @media (min-width: 43.75rem) { [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 { left: -7.14286vw } [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 { right: -7.14286vw } [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 { margin-left: 2px } [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 { margin-right: 2px } .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 { width: 1.125rem; height: calc(100% - 2.8125rem) } } @media (min-width: 62.5rem) { [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 { left: calc(-7.14286vw - -1.07143px) } [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 { right: calc(-7.14286vw - -1.07143px) } } @media (min-width: 75rem) { [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 { left: calc(-7.14286vw - -0.62946rem) } [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 { right: calc(-7.14286vw - -0.62946rem) } } @media (min-width: 90rem) { [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 { left: -5.86607rem } [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 { right: -5.86607rem } } @media (min-width: 43.75rem) { [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 { padding-left: 0 } [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 { padding-right: 0 } .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 { width: calc(71.42857vw - 2.25rem); margin-top: 3.375rem; margin-bottom: 3.375rem } } @media (min-width: 62.5rem) { .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 { width: calc(71.42857vw - 2.91964rem) } } @media (min-width: 75rem) { .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 { width: calc(71.42857vw - 8.54464rem) } } @media (min-width: 90rem) { .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 { width: 56.41071rem } } @media (min-width: 43.75rem) { .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 { width: calc(71.42857vw - 2.25rem); margin-top: 3.375rem; margin-bottom: 3.375rem } } @media (min-width: 62.5rem) { [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 { margin-left: calc(-7.14286vw - -1.07143px) } [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 { margin-right: calc(-7.14286vw - -1.07143px) } .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 { width: calc(85.71429vw - 3.05357rem) } } @media (min-width: 75rem) { .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 { width: calc(85.71429vw - 9.80357rem) } } @media (min-width: 90rem) { .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 { width: 68.14286rem } }