diff --git a/styles/base/global.css b/styles/base/global.css index 2148d14..bb8e50e 100644 --- a/styles/base/global.css +++ b/styles/base/global.css @@ -34,6 +34,8 @@ main#maincontent { max-width: 80.5rem; padding-inline: clamp(1.5rem, 5vw, 3rem); width: 100%; + + &.wider { max-width: 85rem; } } .section { diff --git a/views/blocks/pull-quote/pull-quote.css b/views/blocks/pull-quote/pull-quote.css index 5fcd964..46168b6 100644 --- a/views/blocks/pull-quote/pull-quote.css +++ b/views/blocks/pull-quote/pull-quote.css @@ -3,41 +3,43 @@ border-bottom: 16px solid var(--color-cwc-blue-03); position: relative; overflow: hidden; -} -.pull-quote__vector { - inset: 0; - pointer-events: none; - position: absolute; - z-index: 0; -} - -.pull-quote__vector img { - display: block; - height: auto; - width: 100%; -} - -.pull-quote__content { - position: relative; - z-index: 1; -} - -.pull-quote__text { - font-family: var(--font-quincy); - font-size: var(--text-34px); - font-weight: 500; - line-height: 1.3; - padding: 6rem 0; - text-align: center; - - strong, b { - color: var(--color-cwc-blue-02); - font-weight: 800; + .pull-quote__vector { + inset: 0; + pointer-events: none; + position: absolute; + z-index: 0; } - p { - color: var(--color-cwc-blue-01); - margin: 0; + .pull-quote__vector img { + display: block; + height: 100%; + object-fit: cover; + width: 100%; + } + + .pull-quote__content { + padding: 5rem 0; + position: relative; + z-index: 1; + } + + .pull-quote__text { + font-family: var(--font-quincy); + font-size: var(--text-34px); + font-weight: 500; + line-height: 1; + text-align: center; + text-wrap: balance; + + strong, b { + color: var(--color-cwc-blue-02); + font-weight: 800; + } + + p { + color: var(--color-cwc-blue-01); + margin: 0; + } } } diff --git a/views/blocks/pull-quote/pull-quote.php b/views/blocks/pull-quote/pull-quote.php index 80cebf6..934eb42 100644 --- a/views/blocks/pull-quote/pull-quote.php +++ b/views/blocks/pull-quote/pull-quote.php @@ -34,8 +34,8 @@ $wrapper = blockWrapperAttributes( $classes, $is_preview ); -