CTAs

a scss mixin for ctas

Installation

Download node at nodejs.org and install it, if you haven't already.

npm install elr-scss-ctas --save

or

yarn add elr-scss-ctas

Implementation

This package is meant to be used with elr-scss-ctas for default button styles. If you want to use custom button styles don't use the elr-button classes.

Scss

@import "elr-scss-ctas/src/main";
@import "elr-scss-cta/src/main";

@include elr-button-classes;

.cta {
  @include elr-cta;
}

HTML

Optional classes .cta-dark .cta-center

<section class="cta">
  <h2 class="cta-heading">Get Started Now</h2>
  <div class="cta-content">
    <p>
      Sign up now to get a really awesome and life changing free offer. More
      marketing speak goes here. Have fun with it! Lorem ipsum, dolor sit amet
      consectetur adipisicing elit. Amet debitis odio dolor, iusto impedit
      harum! Perspiciatis exercitationem modi eligendi recusandae.
    </p>
  </div>
  <div class="cta-button-holder">
    <a href="#" class="elr-button">Sign Up</a>
    <a href="#" class="elr-button elr-button-ghost">Learn More</a>
  </div>
</section>

License

SEE LICENSE IN LICENSE.md