larva components: c-play-badge
Available Variants
prototypec-play-badge
README
This needs docs!
Create a README.md in the pattern's directory and add details about using this pattern in markdown.
c-play-badge
Twig The markup file.
<svg class="c-play-badge {{ modifier_class }} {{ c_play_badge_classes }}" viewBox="0 0 88 88">
<g transform="translate(-.082 -.082)" fill="none" fill-rule="evenodd">
<circle class="c-play-badge__fill" stroke-width="4" cx="44" cy="44" r="44" />
<circle class="c-play-badge__border" fill="none" stroke="none" stroke-width=4 cx="44" cy="44" r="44" stroke-dasharray="276" stroke-dashoffset="276" />
<path class="c-play-badge__icon" d="M38.242 28.835c-.634-.467-2.323-.467-2.46 1.298v19.743a.99.99 0 0 0 1.577.796 3.88 3.88 0 0 0 1.577-3.123V33.105l16.008 10.969-18.458 12.61c-.44.3-.703.798-.703 1.331a1.564 1.564 0 0 0 2.46 1.298l20.383-13.941c.528-.317 1.252-1.615 0-2.596l-20.384-13.94z" />
</g>
</svg>
c-play-badge
JSON The data object for this pattern.
{
"c_play_badge_classes": ""
}