elr-scss-content-sections

a scss mixin for content-sections

Installation

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

Implementation

Scss

@import "elr-scss-content-sections/src/main";

.content-section-wrapper {
  @include elr-content-section;
}

HTML

<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>

License

SEE LICENSE IN LICENSE.md