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

Fix #1235 , add one-fifth column (#1247)

Browse Source 
* Update columns.sass

add one-fifth column

* add two-fifths three-fifths and four-fifths

* Update columns.html

update doc / columns

* Update CHANGELOG.md

update changes

* Support for five column grid
This commit is contained in:
Naskalin
2017-10-18 13:49:33 +03:00
committed by Jeremy Thomas
parent 78fc506e51
commit 85d1a0c411
3 changed files with 186 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
docs/documentation/grid/columns.html
View File

@@ -25,6 +25,17 @@ doc-subtab: columns
{% endcapture %}
{% capture columns_sizes %}
<div class="columns">
<div class="column is-four-fifths">
<p class="bd-notification is-info">
<code class="html">is-four-fifths</code>
</p>
</div>
<div class="column">
<p class="bd-notification is-warning">Auto</p>
</div>
</div>
<div class="columns">
<div class="column is-three-quarters">
<p class="bd-notification is-info">
@@ -91,6 +102,23 @@ doc-subtab: columns
<p class="bd-notification is-success">Auto</p>
</div>
</div>
<div class="columns">
<div class="column is-one-fifth">
<p class="bd-notification is-info">
<code class="html">is-one-fifth</code>
</p>
</div>
<div class="column">
<p class="bd-notification is-success">Auto</p>
</div>
<div class="column">
<p class="bd-notification is-warning">Auto</p>
</div>
<div class="column">
<p class="bd-notification is-danger">Auto</p>
</div>
</div>
{% endcapture %}
{% capture columns_offset %}
@@ -972,6 +1000,15 @@ doc-subtab: columns
<div class="column is-one-quarter">
<p class="bd-notification is-warning"><code>is-one-quarter</code></p>
</div>
<div class="column is-two-fifths">
<p class="bd-notification is-warning"><code>is-two-fifths</code></p>
</div>
<div class="column is-one-fifth">
<p class="bd-notification is-success"><code>is-one-fifth</code></p>
</div>
<div class="column is-two-fifths">
<p class="bd-notification is-danger"><code>is-two-fifths</code></p>
</div>
<div class="column is-one-quarter">
<p class="bd-notification is-danger"><code>is-one-quarter</code></p>
</div>