a scss mixin for content-sections
Download node at nodejs.org and install it, if you haven't already.
npm install elr-scss-content-sections --save
or
yarn add elr-scss-content-sections
@import "elr-scss-content-sections/src/main";
.content-section-wrapper {
@include elr-content-section;
}
<section class="content-section-wrapper">
<div class="content-section">
<div class="content-holder">
<div class="heading-group">
<h3>This is a smaller heading</h3>
<h2>This is a larger main heading</h2>
</div>
<div class="column-holder">
<div class="content-column">
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum minus
explicabo aliquam repellat eius quibusdam cumque tempore voluptas
numquam saepe autem exercitationem incidunt atque placeat illum,
possimus ut modi ullam soluta sit, perferendis quisquam? Voluptatum.
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Error
perferendis nihil nisi eveniet dolore officia id doloribus.
Distinctio omnis perspiciatis officiis quos dolor!
</p>
</div>
</div>
<div class="button-holder">
<button class="elr-button">Button</button>
<button class="elr-button elr-button-secondary">Button 2</button>
</div>
</div>
</div>
</section>
SEE LICENSE IN LICENSE.md