Mirage: BGA styles

2.5.13 base.text.sub Superscript / Subscript

Toggle example guides Toggle HTML markup

The <sup> element represents a superscript and the <sub> element represents a subscript.

Example
Mlle Gwendoline wrote the equation f(x, n) = log4xn.
Markup: base/text/text-sub.twig
<span class="xml"><span class="hljs-tag">&lt;<span class="hljs-name">abbr</span>&gt;</span>M<span class="hljs-tag">&lt;<span class="hljs-name">sup</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>lle<span class="hljs-tag">&lt;/<span class="hljs-name">sup</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">abbr</span>&gt;</span> Gwendoline wrote the equation <span class="hljs-tag">&lt;<span class="hljs-name">code</span>&gt;</span>f(x, n) = log<span class="hljs-tag">&lt;<span class="hljs-name">sub</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>4<span class="hljs-tag">&lt;/<span class="hljs-name">sub</span>&gt;</span>x<span class="hljs-tag">&lt;<span class="hljs-name">sup</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>n<span class="hljs-tag">&lt;/<span class="hljs-name">sup</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">code</span>&gt;</span>.
</span>
Source: base/text/_text.scss, line 211