There are no notes for this item.
<div class="feature">
<div class="feature__icon">
<img src="http://dummyimage.com/50x40/ff675b/fff.png&text=icon" alt="">
</div>
<h4 class="feature__headline">One Great Headline</h4>
<p class="feature__description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dignissimos et voluptatum aliquam neque beatae.</p>
<a href="" class="feature__action button">Learn More</a>
</div>
///
/// Simple feature.
///
/// $background
/// Background color.
///
@mixin feature($background: #EEE) {
background-color: #EEE;
margin-bottom: 2rem;
margin-left: auto;
margin-right: auto;
padding: 2rem;
text-align: center;
&__icon,
&__headline,
&__description {
margin-bottom: 1rem;
}
&__action {
align-self: center;
margin-bottom: 0;
margin-top: auto;
}
}