The zap is a colorful flourish that can be added to Firefox themed sites to give emphasis to one word, usually in a headline.
For localization purposes the theme class for the zap goes on the parent element and the zap image is applied to any child
Add the class
mzp-has-zap-1, where the number
1 is the number of the zap you want. There are 18 styles to choose from.
If you want to apply the zap in a different manner, or use a zap that’s not one of the default ones you can use the
zap('zap.svg') Sass mixin.
<h1 class="mzp-has-zap-1">A headline with an <strong>example</strong> zap.</h1>