bulma/docs/_includes/content/klmn.html

112 lines
2.9 KiB
HTML
Raw Normal View History

2017-08-14 22:52:28 +00:00
<div id="klmn" class="bd-klmn">
<div class="bd-klmn-gaps">
<strong class="bd-klmn-label">
Gap:
<code id="klmnValue" class="bd-klmn-value"></code>
2017-08-14 22:52:28 +00:00
</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">
2018-04-10 10:45:48 +00:00
<div class="bd-notification is-primary has-text-centered">
2017-08-14 22:52:28 +00:00
Main
</div>
</div>
</div>
<div class="columns is-variable bd-klmn-columns">
<div class="column is-4">
2018-04-10 10:45:48 +00:00
<div class="bd-notification is-primary has-text-centered">
2017-08-14 22:52:28 +00:00
Three columns
</div>
</div>
<div class="column is-4">
2018-04-10 10:45:48 +00:00
<div class="bd-notification is-primary has-text-centered">
2017-08-14 22:52:28 +00:00
Three columns
</div>
</div>
<div class="column is-4">
2018-04-10 10:45:48 +00:00
<div class="bd-notification is-primary has-text-centered">
2017-08-14 22:52:28 +00:00
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">
2018-04-10 10:45:48 +00:00
<div class="bd-notification is-primary has-text-centered">
2017-08-14 22:52:28 +00:00
2
</div>
</div>
<div class="column">
2018-04-10 10:45:48 +00:00
<div class="bd-notification is-primary has-text-centered">
2017-08-14 22:52:28 +00:00
3
</div>
</div>
<div class="column">
2018-04-10 10:45:48 +00:00
<div class="bd-notification is-primary has-text-centered">
2017-08-14 22:52:28 +00:00
4
</div>
</div>
<div class="column">
2018-04-10 10:45:48 +00:00
<div class="bd-notification is-primary has-text-centered">
2017-08-14 22:52:28 +00:00
5
</div>
</div>
<div class="column">
<div class="bd-notification is-primary has-text-centered">
6
</div>
</div>
<div class="column">
2018-04-10 10:45:48 +00:00
<div class="bd-notification is-primary has-text-centered">
2017-08-14 22:52:28 +00:00
7
</div>
</div>
<div class="column">
2018-04-10 10:45:48 +00:00
<div class="bd-notification is-primary has-text-centered">
2017-08-14 22:52:28 +00:00
8
</div>
</div>
<div class="column">
2018-04-10 10:45:48 +00:00
<div class="bd-notification is-primary has-text-centered">
2017-08-14 22:52:28 +00:00
9
</div>
</div>
<div class="column">
2018-04-10 10:45:48 +00:00
<div class="bd-notification is-primary has-text-centered">
2017-08-14 22:52:28 +00:00
10
</div>
</div>
<div class="column">
<div class="bd-notification is-primary has-text-centered">
11
</div>
</div>
<div class="column">
2018-04-10 10:45:48 +00:00
<div class="bd-notification is-primary has-text-centered">
2017-08-14 22:52:28 +00:00
12
</div>
</div>
</div>
</div>
</div>
<script src="{{ site.url }}/lib/klmn.js"></script>