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:
|
2021-01-27 23:30:42 +00:00
|
|
|
<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>
|