Mirage: BGA styles

2.5.1 base.text.b Bold

Toggle example guides Toggle HTML markup

The <strong> element or the <b> element is for emphasizing a snippet of text with a heavier font-weight.

Feel free to use <b> in HTML5. <b> is meant to highlight words or phrases without conveying additional importance.

Example
The following snippets of text are rendered as bold text. Bold text nested inside italic text should still be bold.
Markup: base/text/text-b.twig
<span class="xml">The following snippets of text are <span class="hljs-tag">&lt;<span class="hljs-name">strong</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"</span></span></span><span class="hljs-template-variable">{{modifier_class}}</span><span class="xml"><span class="hljs-tag"><span class="hljs-string">"</span>&gt;</span>rendered<span class="hljs-tag">&lt;/<span class="hljs-name">strong</span>&gt;</span> as <span class="hljs-tag">&lt;<span class="hljs-name">b</span> <span class="hljs-attr">class</span>=<span class="hljs-string">"</span></span></span><span class="hljs-template-variable">{{modifier_class}}</span><span class="xml"><span class="hljs-tag"><span class="hljs-string">"</span>&gt;</span>bold
text<span class="hljs-tag">&lt;/<span class="hljs-name">b</span>&gt;</span>. Bold text nested inside <span class="hljs-tag">&lt;<span class="hljs-name">i</span>&gt;</span>italic text <span class="hljs-tag">&lt;<span class="hljs-name">b</span>&gt;</span>should<span class="hljs-tag">&lt;/<span class="hljs-name">b</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">i</span>&gt;</span> <span class="hljs-tag">&lt;<span class="hljs-name">em</span>&gt;</span>still be
<span class="hljs-tag">&lt;<span class="hljs-name">strong</span>&gt;</span>bold<span class="hljs-tag">&lt;/<span class="hljs-name">strong</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">em</span>&gt;</span>.
</span>
Source: base/text/_text.scss, line 35