a scss mixin for ctas
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
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.
@import "elr-scss-ctas/src/main";
@import "elr-scss-cta/src/main";
@include elr-button-classes;
.cta {
@include elr-cta;
}
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>
SEE LICENSE IN LICENSE.md