Mirage: BGA styles

2.5.10 base.text.q Quote

Toggle example guides Toggle HTML markup

The <q> element represents an inline quote from another source. Longer quotes should use the <blockquote> element.

Example
The q element represents some phrasing content quoted from another source.
Markup: base/text/text-q.twig 
<span class="xml"><span class="hljs-tag">&lt;<span class="hljs-name">q</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> <span class="hljs-attr">cite</span>=<span class="hljs-string">"http://www.w3.org/TR/html5/text-level-semantics.html#the-q-element"</span>&gt;</span>The
<span class="hljs-tag">&lt;<span class="hljs-name">code</span>&gt;</span>q<span class="hljs-tag">&lt;/<span class="hljs-name">code</span>&gt;</span> element represents some phrasing content quoted from another
source.<span class="hljs-tag">&lt;/<span class="hljs-name">q</span>&gt;</span>
</span>
Source: base/text/_text.scss, line 171