Mirage: BGA styles

4.7 components.highlight-mark Highlight mark

Toggle example guides Toggle HTML markup

The "new" or "updated" marker. This is a very thin component. A front-end developer may choose to delete this component and just style the <mark> element directly.

Example
New
Markup: components/highlight-mark/highlight-mark.twig
<span class="xml"><span class="hljs-tag">&lt;<span class="hljs-name">mark</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"highlight-mark"</span>&gt;</span>New<span class="hljs-tag">&lt;/<span class="hljs-name">mark</span>&gt;</span>
</span>
Source: components/highlight-mark/_highlight-mark.scss, line 1