Basic Shape
A Shape is a 1:1 ratio container that displays decorative content.
Important Notes:Content can be letters, icons, or images.When passing letters to the content, it can accept up to 2 letters.
Demo
Light
MM
Dark
MM
Twig
{% include '@bolt-elements-shape/shape.twig' with {
content: 'MM',
} only %}
HTML
<span class="e-bolt-shape">
<span class="e-bolt-shape__content">
<!-- Letters, icon, or image go here -->
</span>
</span>