Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-15 02:04:29 -07:00
Code Issues Packages Projects Releases Wiki Activity

Fix navbar colors

Browse Source
This commit is contained in:
Jeremy Thomas
2017-09-10 17:16:12 +01:00
parent e49e76ef28
commit bc1b55ee26
4 changed files with 225 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
docs/documentation/components/navbar.html
View File

@@ -1012,6 +1012,23 @@ document.addEventListener('DOMContentLoaded', function () {
<span class="tag is-info">0.5.2</span>
</div>
<div class="content">
<p>
You can change the background color of the <code>navbar</code> by using one of the <strong>9 color modifiers:</strong>
</p>
<ul>
<li><code>is-primary</code></li>
<li><code>is-info</code></li>
<li><code>is-success</code></li>
<li><code>is-warning</code></li>
<li><code>is-danger</code></li>
<li><code>is-black</code></li>
<li><code>is-dark</code></li>
<li><code>is-light</code></li>
<li><code>is-white</code></li>
</ul>
</div>
{% highlight html %}{{ navbar_color_markup }}{% endhighlight %}
<div class="bd-example is-paddingless">
@@ -1027,13 +1044,29 @@ document.addEventListener('DOMContentLoaded', function () {
</div>
<div class="bd-example is-paddingless">
{% include examples/navbar-color.html color="warning" %}
{% include examples/navbar-color.html color="warning" light=true %}
</div>
<div class="bd-example is-paddingless">
{% include examples/navbar-color.html color="danger" %}
</div>
<div class="bd-example is-paddingless">
{% include examples/navbar-color.html color="black" %}
</div>
<div class="bd-example is-paddingless">
{% include examples/navbar-color.html color="dark" %}
</div>
<div class="bd-example is-paddingless">
{% include examples/navbar-color.html color="light" light=true %}
</div>
<div class="bd-example is-paddingless">
{% include examples/navbar-color.html color="white" light=true %}
</div>
{% include variables.html %}
</div>