<p dir="auto">Currently, both <code class="notranslate">&lt;small&gt;</code> and <code class="notranslate">small</code> are set to a <code class="notranslate">font-size</code> of 85% <em>fixed</em>. The <code class="notranslate">@font-size-small</code> is <em>not</em> used to set it.</p>
<p dir="auto">See <a href="https://github.com/twbs/bootstrap/blob/master/less/variables.less#L50"><code class="notranslate">~/less/variables.less</code> on L#50</a> for <code class="notranslate">@font-size-small</code>.</p>
<p dir="auto">See <a href="https://github.com/twbs/bootstrap/blob/master/less/type.less#L80"><code class="notranslate">~/less/types.less</code> on L#80</a> for <code class="notranslate">small, .small</code> definitions.</p>
<hr>
<p dir="auto">Additional to that: <code class="notranslate">h1, h2, h3, .h1, .h2, .h3, h4, h5, h6, .h4, .h5, .h6</code> all have a <code class="notranslate">.small, small</code> setting as well: Are you sure that <code class="notranslate">65%</code> and <code class="notranslate">75%</code> is the correct assumption?</p>
<p dir="auto">Right now, the misc <code class="notranslate">.small</code> mixin in <code class="notranslate">type.less</code> is <a href="https://github.com/twbs/bootstrap/blob/10e9fef85c6afde2b3804df928d9351b0f110a6c/less/type.less#L80">hardwired to <code class="notranslate">85%</code></a>. That same 85% of base <a href="https://github.com/twbs/bootstrap/blob/10e9fef85c6afde2b3804df928d9351b0f110a6c/less/variables.less#L50">appears in <code class="notranslate">variables.less</code> as <code class="notranslate">@font-size-small</code></a>. Would it makes sense to have <code class="notranslate">.small</code> in <code class="notranslate">type.less</code> reference <code class="notranslate">@font-size-small</code> instead of having its own value?</p>