mirror of
https://github.com/jgthms/bulma
synced 2026-03-17 19:04:30 -07:00
Create snippet component
This commit is contained in:
@@ -23,9 +23,7 @@ doc-subtab: functions
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
<h2 id="findColorInvert" class="title">The <code>findColorInvert()</code> function</h2>
|
||||
{% include anchor.html name="The <code>findColorInvert()</code> function" %}
|
||||
|
||||
<div class="content">
|
||||
<p>The <code>findColorInvert($color)</code> function takes a <strong>color</strong> as an input, and outputs either transparent <strong>black</strong> <code>rgba(#000, 0.7)</code> or <strong>white</strong> <code>#fff</code>:</p>
|
||||
|
||||
@@ -12,9 +12,8 @@ doc-subtab: responsiveness
|
||||
<h1 class="title">Responsiveness</h1>
|
||||
<h2 class="subtitle">Bulma is a <strong>mobile-first</strong> framework</h2>
|
||||
|
||||
<hr>
|
||||
{% include anchor.html name="Vertical by default" %}
|
||||
|
||||
<h3 class="title">Vertical by default</h3>
|
||||
<div class="content">
|
||||
<p>
|
||||
Every element in Bulma is <strong>mobile-first</strong> and optimizes for <strong>vertical reading</strong>, so by default on mobile:
|
||||
@@ -27,9 +26,8 @@ doc-subtab: responsiveness
|
||||
<p>For example, you can enforce the <strong>horizontal</strong> layout for both <code>columns</code> or <code>nav</code> by appending the <code>is-mobile</code> modifer.</p>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
{% include anchor.html name="Breakpoints" %}
|
||||
|
||||
<h3 class="title">Breakpoints</h3>
|
||||
<div class="content">
|
||||
<p>Bulma has 5 breakpoints:</p>
|
||||
<ul>
|
||||
|
||||
Reference in New Issue
Block a user