There are no notes for this item.
<h1 class="heading--accent">And the Headline</h1>
<p>
Elit veritatis sit sint voluptas nisi ad Beatae consectetur accusantium iste officia similique molestiae voluptatum. Repellat minima ex aut neque excepturi cumque esse repellendus Eum sint hic nam quos harum?
</p>
<h2 class="heading--accent heading--accent-primary">And the Headline</h2>
<p>
Sit corporis fugit fugit quo doloribus Eligendi consequatur architecto voluptate molestiae saepe? Consectetur molestiae repellendus distinctio omnis magni? Quos voluptate aliquid sed modi consequuntur Error blanditiis labore quo dolor corrupti.
</p>
<h3 class="heading--accent heading--accent-secondary">And the Headline</h3>
<p>
Adipisicing earum eaque illo eum quas asperiores. Tempora cum architecto consequuntur est et doloremque, minus Natus dolorem soluta officia dignissimos delectus Ipsam cupiditate facere nulla nesciunt non? Ea placeat fuga
</p>
.heading {
&__eyebrow {
font-size: 1rem;
font-weight: bold;
margin-bottom: .25rem;
text-transform: uppercase;
@include color-modifiers(primary secondary);
}
&--accent {
&::after {
content: '';
background-color: $plain-text;
border: 0;
display: flex;
height: .25rem;
margin: .5rem 0 2rem;
width: 2rem;
}
@include color-modifiers(primary secondary, '-') using ($color) {
&::after {
background-color: $color;
}
}
}
}