<div class="callout">
<span class="heading-xlarge">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</span>
</div>
<div class="callout{{#if callout-class}} {{callout-class}}{{/if}}">
<span class="{{class}}">{{copy}}</span>
</div>
{
"copy": "Lorem ipsum dolor sit amet, consectetuer adipiscing elit.",
"class": "heading-xlarge"
}
.callout {
margin: 2.5rem 0;
padding: 1.5rem;
line-height: 1.3;
border: 1px solid $color-gray-lighter;
border-radius: $border-radius;
text-align: center;
@include breakpoint($break-medium) {
padding: 2rem;
}
}
.callout--text {
margin: 2rem 0;
padding: 0;
border: none;
@include breakpoint($break-medium) {
margin: 3.5rem 0;
}
}
.callout--dark {
background: rgba($color-white, 0.92);
border: none;
}
There are no notes for this item.