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

Organize partials

Browse Source
This commit is contained in:
Jeremy Thomas
2018-04-09 22:25:26 +01:00
parent a1c1909001
commit e8d4efb274
97 changed files with 691 additions and 835 deletions
Download Patch File Download Diff File Expand all files Collapse all files

111
docs/_includes/content/klmn.html Normal file
View File

@@ -0,0 +1,111 @@
<div id="klmn" class="bd-klmn">
<div class="bd-klmn-gaps">
<strong class="bd-klmn-label">
Gap:
<code id="klmnValue"></code>
</strong>
{% for i in (0..8) %}
<a class="bd-klmn-gap" data-value="{{ i }}">
is-{{ i }}
</a>
{% endfor %}
</div>
<div class="bd-klmn-lead">
<div class="columns is-variable bd-klmn-columns">
<div class="column is-3">
<div class="bd-notification is-primary has-text-centered">
Side
</div>
</div>
<div class="column is-9">
<div class="bd-notification is-info has-text-centered">
Main
</div>
</div>
</div>
<div class="columns is-variable bd-klmn-columns">
<div class="column is-4">
<div class="bd-notification is-success has-text-centered">
Three columns
</div>
</div>
<div class="column is-4">
<div class="bd-notification is-warning has-text-centered">
Three columns
</div>
</div>
<div class="column is-4">
<div class="bd-notification is-danger has-text-centered">
Three columns
</div>
</div>
</div>
<div class="columns is-variable bd-klmn-columns">
<div class="column">
<div class="bd-notification is-primary has-text-centered">
1
</div>
</div>
<div class="column">
<div class="bd-notification is-info has-text-centered">
2
</div>
</div>
<div class="column">
<div class="bd-notification is-success has-text-centered">
3
</div>
</div>
<div class="column">
<div class="bd-notification is-warning has-text-centered">
4
</div>
</div>
<div class="column">
<div class="bd-notification is-danger has-text-centered">
5
</div>
</div>
<div class="column">
<div class="bd-notification is-primary has-text-centered">
6
</div>
</div>
<div class="column">
<div class="bd-notification is-info has-text-centered">
7
</div>
</div>
<div class="column">
<div class="bd-notification is-success has-text-centered">
8
</div>
</div>
<div class="column">
<div class="bd-notification is-warning has-text-centered">
9
</div>
</div>
<div class="column">
<div class="bd-notification is-danger has-text-centered">
10
</div>
</div>
<div class="column">
<div class="bd-notification is-primary has-text-centered">
11
</div>
</div>
<div class="column">
<div class="bd-notification is-info has-text-centered">
12
</div>
</div>
</div>
</div>
</div>
<script src="{{ site.url }}/lib/klmn.js"></script>