<p dir="auto">In clases like .hidden-phone, etc...</p>
<p dir="auto">We should not use display:inherit in those clases. Inherit will cause the element to be displayed the same way than its parent.</p>
<p dir="auto">Example of this problem:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;div class=&quot;I have display box&quot;&gt;
    &lt;a class=&quot;hidden-phone&quot; href=&quot;#&quot;&gt; Don't like phones &lt;/a&gt;
    &lt;a href=&quot;#&quot;&gt; Show me anywhere &lt;/a&gt;
&lt;/div&gt;"><pre class="notranslate"><code class="notranslate">&lt;div class="I have display box"&gt;
    &lt;a class="hidden-phone" href="#"&gt; Don't like phones &lt;/a&gt;
    &lt;a href="#"&gt; Show me anywhere &lt;/a&gt;
&lt;/div&gt;
</code></pre></div>
<p dir="auto">The first link, instead of being displayed inline, like a "normal link" will get display box from its parent. This will cause the second link to go below, instead of being on the same line.</p>
<p dir="auto">I can send a pull request but I'd like some confirmation about this problem before doing anything.</p>
<p dir="auto">With no changes to the default selections, the customizer fails to build the package.</p>
<p dir="auto">The error.txt included in the css directory states:</p>
<blockquote>
<p dir="auto">A less error occured trying to build your bundle. You've likely entered an invalid input into the less  variable field. Check your syntax and try again!</p>
<p dir="auto">thanks!</p>
<p dir="auto">{"type":"Parse","message":"Syntax Error on line 792","index":25106,"filename":"bootstrap.css","line":792,"column":11,"extract":["  *margin: -5px 0 5px;","  ove rflow: hidden;","  background-color: <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/top/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/top">@top</a>;"]}</p>
</blockquote>