Create snippet component

This commit is contained in:
Jeremy Thomas
2017-08-30 20:44:39 +01:00
parent 1776d601da
commit 9b06974cd1
15 changed files with 180 additions and 216 deletions

View File

@@ -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>

View File

@@ -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>