Fix message colors

This commit is contained in:
Jeremy Thomas
2016-10-30 19:20:51 +00:00
parent 4a40ad0059
commit 0e5c14ac26
8 changed files with 215 additions and 297 deletions

View File

@@ -13,79 +13,52 @@ doc-subtab: menu
<hr>
<div class="columns">
<div class="column is-3">
<aside class="menu">
<p class="menu-label">
General
</p>
<ul class="menu-list">
<li><a href="#">Dashboard</a></li>
<li><a href="#">Customers</a></li>
</ul>
<p class="menu-label">
Administration
</p>
<ul class="menu-list">
<li><a href="#">Team Settings</a></li>
<li>
<a class="is-active" href="#">Manage Your Team</a>
<ul>
<li><a href="#">Members</a></li>
<li><a href="#">Plugins</a></li>
<li><a href="#">Add a member</a></li>
</ul>
</li>
<li><a href="#">Invitations</a></li>
<li><a href="#">Authentication</a></li>
</ul>
<p class="menu-label">
Transactions
</p>
<ul class="menu-list">
<li><a href="#">Payments</a></li>
<li><a href="#">Transfers</a></li>
<li><a href="#">Balance</a></li>
</ul>
</aside>
</div>
<div class="column">
{% highlight html %}
{% capture menu_example %}
<aside class="menu">
<p class="menu-label">
General
</p>
<ul class="menu-list">
<li><a href="#">Dashboard</a></li>
<li><a href="#">Customers</a></li>
<li><a>Dashboard</a></li>
<li><a>Customers</a></li>
</ul>
<p class="menu-label">
Administration
</p>
<ul class="menu-list">
<li><a href="#">Team Settings</a></li>
<li><a>Team Settings</a></li>
<li>
<a class="is-active" href="#">Manage Your Team</a>
<a class="is-active">Manage Your Team</a>
<ul>
<li><a href="#">Members</a></li>
<li><a href="#">Plugins</a></li>
<li><a href="#">Add a member</a></li>
<li><a>Members</a></li>
<li><a>Plugins</a></li>
<li><a>Add a member</a></li>
</ul>
</li>
<li><a href="#">Invitations</a></li>
<li><a href="#">Authentication</a></li>
<li><a>Invitations</a></li>
<li><a>Cloud Storage Environment Settings</a></li>
<li><a>Authentication</a></li>
</ul>
<p class="menu-label">
Transactions
</p>
<ul class="menu-list">
<li><a href="#">Payments</a></li>
<li><a href="#">Transfers</a></li>
<li><a href="#">Balance</a></li>
<li><a>Payments</a></li>
<li><a>Transfers</a></li>
<li><a>Balance</a></li>
</ul>
</aside>
{% endcapture %}
<div class="columns">
<div class="column is-3">
{{menu_example}}
</div>
<div class="column">
{% highlight html %}
{{menu_example}}
{% endhighlight %}
</div>
</div>
</div>
</div>
</div>
</section>