Linear Content Block<!-- --> | Broadacre

Linear Content Block

Pattern Lineage: eyebrowshapesCTAscolors

Demo
H600 EYEBROW

Linear Content Block H100, left aligned

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Hyperlink
Usage
<div class="linear-content-block">
    <h6 class="eyebrow">H600 EYEBROW</h6>
    <h1 class="mar-t-0">Linear Content Block H100, left aligned</h1>
    <p class="body-md">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    <div class="ctas horizontal ctas--left ctas--default"><button class="btn btn-primary " data-bs-target="#undefined" data-bs-slide="" href="" title="">Button</button><a class="hyperlink right-text  " href="/hyperlink">Hyperlink<svg width="6" height="20" viewBox="0 0 6 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" clip-rule="evenodd" d="M0.292893 5.29289C0.683417 4.90237 1.31658 4.90237 1.70711 5.29289L5.70711 9.29289C6.09763 9.68342 6.09763 10.3166 5.70711 10.7071L1.70711 14.7071C1.31658 15.0976 0.683417 15.0976 0.292893 14.7071C-0.0976311 14.3166 -0.0976311 13.6834 0.292893 13.2929L3.58579 10L0.292893 6.70711C-0.0976311 6.31658 -0.0976311 5.68342 0.292893 5.29289Z" fill="currentColor"></path>
            </svg></a></div>
</div>
Options