<p class="call_out">
This is just a class now. "<em>.call_out</em>" will be added to anything to get this effect.
</p>
<p class="call_out">
{{ callout_text }}
</p>
{
"callout_text": "This is just a class now. \"<em>.call_out</em>\" will be added to anything to get this effect."
}
.call_out:not(:empty) {
padding: $space_and_half;
font-size: 2rem;
font-weight: bold;
color: $lehigh_brown;
line-height: 1.2;
background-color: $grey_light;
text-align: center;
}
Popular component for displaying an alert or other important information that stands out from the rest of the page.