diff --git a/blocks/v2-columns/v2-columns.css b/blocks/v2-columns/v2-columns.css index 1b5059088..8fe0fc664 100644 --- a/blocks/v2-columns/v2-columns.css +++ b/blocks/v2-columns/v2-columns.css @@ -98,6 +98,10 @@ .v2-columns__column--with-text .v2-columns__body { margin: 0 0 14px; } + + .v2-columns__column--with-text ul.v2-columns__body { + margin: 0; + } } /* TRUCKS VARIATIONS STYLING */ @@ -126,13 +130,6 @@ } .v2-columns.v2-columns--trucks .v2-columns__heading::before { - content: ''; - margin: 0; - height: 0; - width: 45px; - border-bottom: 4px solid var(--c-accent-red); - display: block; - position: relative; top: -28px; } @@ -144,22 +141,6 @@ margin-top: 24px; } -.v2-columns.v2-columns--trucks .v2-columns__column ul { - margin: 0; - padding: 0; - list-style-type: none; -} - -.v2-columns.v2-columns--trucks .v2-columns__column li { - line-height: 150%; - margin-bottom: 8px; -} - -.v2-columns.v2-columns--trucks .v2-columns__column li::before { - content: '-'; - margin-right: 5px; -} - /* stylelint-disable-next-line no-descending-specificity */ .v2-columns.v2-columns--trucks .v2-columns__btn-section a.button, .v2-columns.v2-columns--trucks .v2-columns__btn-section a.button:not(a.button:first-of-type) { diff --git a/blocks/v2-columns/v2-columns.js b/blocks/v2-columns/v2-columns.js index 317205487..3587e67bb 100644 --- a/blocks/v2-columns/v2-columns.js +++ b/blocks/v2-columns/v2-columns.js @@ -59,7 +59,7 @@ export default async function decorate(block) { if (hasHeader) { const defaultContent = blockParent.querySelector('.default-content-wrapper'); const header = [...defaultContent.querySelectorAll('h1, h2, h3, h4, h5, h6')]; - header[0].classList.add(`${blockName}__body-header`); + header[0].classList.add(`${blockName}__body-header`, 'with-marker'); bodyElmts[0].insertAdjacentElement('beforebegin', header[0]); defaultContent.remove(); } diff --git a/styles/styles.css b/styles/styles.css index 3c1f1aed3..2b88be1bd 100644 --- a/styles/styles.css +++ b/styles/styles.css @@ -1189,6 +1189,27 @@ main .section.responsive-title h1 { text-decoration: underline; } +/* stylelint-disable-next-line no-descending-specificity */ +.redesign-v2 ul { + margin: 0; + padding: 0; + list-style-type: none; +} + +.redesign-v2 li { + line-height: 150%; + margin-bottom: 8px; +} + +.redesign-v2 li:last-of-type { + margin-bottom: 0; +} + +.redesign-v2 li::before { + content: '-'; + margin-right: 5px; +} + @media (min-width: 1040px) { .section.header-with-mark > .default-content-wrapper:first-of-type > h1:first-child::before, .section.header-with-mark > .default-content-wrapper:first-of-type > h2:first-child::before,