mirror of
https://github.com/jgthms/bulma.git
synced 2024-12-12 13:28:30 +00:00
81 lines
1.8 KiB
HTML
81 lines
1.8 KiB
HTML
|
---
|
||
|
layout: cypress
|
||
|
title: Components/Panel
|
||
|
---
|
||
|
|
||
|
{% capture content %}
|
||
|
<p class="panel-heading">
|
||
|
Repositories
|
||
|
</p>
|
||
|
<div class="panel-block">
|
||
|
<p class="control has-icons-left">
|
||
|
<input class="input" type="text" placeholder="Search">
|
||
|
<span class="icon is-left">
|
||
|
<i class="fas fa-search" aria-hidden="true"></i>
|
||
|
</span>
|
||
|
</p>
|
||
|
</div>
|
||
|
<p class="panel-tabs">
|
||
|
<a class="is-active">All</a>
|
||
|
<a>Public</a>
|
||
|
<a>Private</a>
|
||
|
<a>Sources</a>
|
||
|
<a>Forks</a>
|
||
|
</p>
|
||
|
<a class="panel-block is-active">
|
||
|
<span class="panel-icon">
|
||
|
<i class="fas fa-book" aria-hidden="true"></i>
|
||
|
</span>
|
||
|
bulma
|
||
|
</a>
|
||
|
<a class="panel-block">
|
||
|
<span class="panel-icon">
|
||
|
<i class="fas fa-book" aria-hidden="true"></i>
|
||
|
</span>
|
||
|
marksheet
|
||
|
</a>
|
||
|
<a class="panel-block is-wrapped">
|
||
|
<span class="panel-icon">
|
||
|
<i class="fas fa-book" aria-hidden="true"></i>
|
||
|
</span>
|
||
|
minireset.css
|
||
|
</a>
|
||
|
<a class="panel-block">
|
||
|
<span class="panel-icon">
|
||
|
<i class="fas fa-book" aria-hidden="true"></i>
|
||
|
</span>
|
||
|
jgthms.github.io
|
||
|
</a>
|
||
|
<a class="panel-block">
|
||
|
<span class="panel-icon">
|
||
|
<i class="fas fa-code-branch" aria-hidden="true"></i>
|
||
|
</span>
|
||
|
daniellowtw/infboard
|
||
|
</a>
|
||
|
<a class="panel-block">
|
||
|
<span class="panel-icon">
|
||
|
<i class="fas fa-code-branch" aria-hidden="true"></i>
|
||
|
</span>
|
||
|
mojs
|
||
|
</a>
|
||
|
<label class="panel-block">
|
||
|
<input type="checkbox">
|
||
|
remember me
|
||
|
</label>
|
||
|
<div class="panel-block">
|
||
|
<button class="button is-link is-outlined is-fullwidth">
|
||
|
Reset all filters
|
||
|
</button>
|
||
|
</div>
|
||
|
{% endcapture %}
|
||
|
|
||
|
<nav id="panel" class="panel">
|
||
|
{{ content }}
|
||
|
</nav>
|
||
|
|
||
|
{% for color in site.data.colors.justColors %}
|
||
|
<nav id="panel-{{ color }}" class="panel is-{{ color }}">
|
||
|
{{ content }}
|
||
|
</nav>
|
||
|
{% endfor %}
|