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

Add docs folder

Browse Source
This commit is contained in:
Jeremy Thomas
2016-09-11 11:55:14 +01:00
parent b9e3dde692
commit f972f32a77
114 changed files with 21748 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

116
docs/documentation/components/panel.html Normal file
View File

@@ -0,0 +1,116 @@
---
layout: documentation
doc-tab: components
doc-subtab: panel
---
{% include subnav-components.html %}
<section class="section">
<div class="container">
<h1 class="title">Panel</h1>
<h2 class="subtitle">A composable <strong>panel</strong>, for compact controls</h2>
<hr>
<div class="columns">
<div class="column is-4">
<nav class="panel">
<p class="panel-heading">
Repositories
</p>
<p class="panel-tabs">
<a class="is-active" href="#">All</a>
<a href="#">Public</a>
<a href="#">Private</a>
<a href="#">Sources</a>
<a href="#">Forks</a>
</p>
<a class="panel-block is-active" href="#"><span class="panel-icon"><i class="fa fa-book"></i></span>bulma-website</a>
<a class="panel-block" href="#"><span class="panel-icon"><i class="fa fa-book"></i></span>bulma</a>
<a class="panel-block" href="#"><span class="panel-icon"><i class="fa fa-book"></i></span>marksheet</a>
<a class="panel-block" href="#"><span class="panel-icon"><i class="fa fa-code-fork"></i></span>daniellowtw/infBoard</a>
<a class="panel-block" href="#"><span class="panel-icon"><i class="fa fa-book"></i></span>jgthms.github.io</a>
<a class="panel-block" href="#"><span class="panel-icon"><i class="fa fa-code-fork"></i></span>mojs</a>
<a class="panel-block" href="#"><span class="panel-icon"><i class="fa fa-book"></i></span>grumpy-cat</a>
<label class="panel-block">
<input type="checkbox">
Remember me
</label>
<div class="panel-block">
<button class="button is-primary is-outlined is-fullwidth">
Reset all filters
</button>
</div>
</nav>
</div>
<div class="column">
{% highlight html %}
<nav class="panel">
<p class="panel-heading">
Repositories
</p>
<p class="panel-tabs">
<a class="is-active" href="#">All</a>
<a href="#">Public</a>
<a href="#">Private</a>
<a href="#">Sources</a>
<a href="#">Forks</a>
</p>
<a class="panel-block is-active" href="#">
<span class="panel-icon">
<i class="fa fa-book"></i>
</span>
bulma-website
</a>
<a class="panel-block" href="#">
<span class="panel-icon">
<i class="fa fa-book"></i>
</span>
bulma
</a>
<a class="panel-block" href="#">
<span class="panel-icon">
<i class="fa fa-book"></i>
</span>
marksheet
</a>
<a class="panel-block" href="#">
<span class="panel-icon">
<i class="fa fa-code-fork"></i>
</span>
daniellowtw/infBoard
</a>
<a class="panel-block" href="#">
<span class="panel-icon">
<i class="fa fa-book"></i>
</span>
jgthms.github.io
</a>
<a class="panel-block" href="#">
<span class="panel-icon">
<i class="fa fa-code-fork"></i>
</span>
mojs
</a>
<a class="panel-block" href="#">
<span class="panel-icon">
<i class="fa fa-book"></i>
</span>
grumpy-cat
</a>
<label class="panel-checkbox">
<input type="checkbox">
Remember me
</label>
<div class="panel-block">
<button class="button is-primary is-outlined is-fullwidth">
Reset all filters
</button>
</div>
</nav>
{% endhighlight %}
</div>
</div>
</div>
</section>