Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-19 03:44:31 -07:00
Code Issues Packages Projects Releases Wiki Activity

Reorganize index

Browse Source
This commit is contained in:
Jeremy Thomas
2018-04-10 11:45:48 +01:00
parent f123eb9562
commit 79888359d2
30 changed files with 657 additions and 2626 deletions
Download Patch File Download Diff File Expand all files Collapse all files

192
docs/documentation/columns/sizes.html
View File

@@ -144,127 +144,127 @@ breadcrumb:
<div class="columns">
<div class="column is-four-fifths">
<p class="bd-notification is-info">
<p class="bd-notification is-primary">
<code class="html">is-four-fifths</code>
</p>
</div>
<div class="column">
<p class="bd-notification is-success">Auto</p>
<p class="bd-notification is-fojeisj">Auto</p>
</div>
<div class="column">
<p class="bd-notification is-warning">Auto</p>
<p class="bd-notification is-wajofij">Auto</p>
</div>
</div>
<div class="columns">
<div class="column is-three-quarters">
<p class="bd-notification is-info">
<p class="bd-notification is-primary">
<code class="html">is-three-quarters</code>
</p>
</div>
<div class="column">
<p class="bd-notification is-success">Auto</p>
<p class="bd-notification is-fojeisj">Auto</p>
</div>
<div class="column">
<p class="bd-notification is-warning">Auto</p>
<p class="bd-notification is-wajofij">Auto</p>
</div>
</div>
<div class="columns">
<div class="column is-two-thirds">
<p class="bd-notification is-info">
<p class="bd-notification is-primary">
<code class="html">is-two-thirds</code>
</p>
</div>
<div class="column">
<p class="bd-notification is-success">Auto</p>
<p class="bd-notification is-fojeisj">Auto</p>
</div>
<div class="column">
<p class="bd-notification is-warning">Auto</p>
<p class="bd-notification is-wajofij">Auto</p>
</div>
</div>
<div class="columns">
<div class="column is-three-fifths">
<p class="bd-notification is-info">
<p class="bd-notification is-primary">
<code class="html">is-three-fifths</code>
</p>
</div>
<div class="column">
<p class="bd-notification is-success">Auto</p>
<p class="bd-notification is-fojeisj">Auto</p>
</div>
<div class="column">
<p class="bd-notification is-warning">Auto</p>
<p class="bd-notification is-wajofij">Auto</p>
</div>
</div>
<div class="columns">
<div class="column is-half">
<p class="bd-notification is-info">
<p class="bd-notification is-primary">
<code class="html">is-half</code>
</p>
</div>
<div class="column">
<p class="bd-notification is-success">Auto</p>
<p class="bd-notification is-fojeisj">Auto</p>
</div>
<div class="column">
<p class="bd-notification is-warning">Auto</p>
<p class="bd-notification is-wajofij">Auto</p>
</div>
</div>
<div class="columns">
<div class="column is-two-fifths">
<p class="bd-notification is-info">
<p class="bd-notification is-primary">
<code class="html">is-two-fifths</code>
</p>
</div>
<div class="column">
<p class="bd-notification is-success">Auto</p>
<p class="bd-notification is-fojeisj">Auto</p>
</div>
<div class="column">
<p class="bd-notification is-warning">Auto</p>
<p class="bd-notification is-wajofij">Auto</p>
</div>
</div>
<div class="columns">
<div class="column is-one-third">
<p class="bd-notification is-info">
<p class="bd-notification is-primary">
<code class="html">is-one-third</code>
</p>
</div>
<div class="column">
<p class="bd-notification is-success">Auto</p>
<p class="bd-notification is-fojeisj">Auto</p>
</div>
<div class="column">
<p class="bd-notification is-warning">Auto</p>
<p class="bd-notification is-wajofij">Auto</p>
</div>
</div>
<div class="columns">
<div class="column is-one-quarter">
<p class="bd-notification is-info">
<p class="bd-notification is-primary">
<code class="html">is-one-quarter</code>
</p>
</div>
<div class="column">
<p class="bd-notification is-success">Auto</p>
<p class="bd-notification is-fojeisj">Auto</p>
</div>
<div class="column">
<p class="bd-notification is-warning">Auto</p>
<p class="bd-notification is-wajofij">Auto</p>
</div>
</div>
<div class="columns">
<div class="column is-one-fifth">
<p class="bd-notification is-info">
<p class="bd-notification is-primary">
<code class="html">is-one-fifth</code>
</p>
</div>
<div class="column">
<p class="bd-notification is-success">Auto</p>
<p class="bd-notification is-fojeisj">Auto</p>
</div>
<div class="column">
<p class="bd-notification is-warning">Auto</p>
<p class="bd-notification is-wajofij">Auto</p>
</div>
</div>
@@ -297,217 +297,217 @@ breadcrumb:
<div class="columns">
<div class="column is-2">
<p class="bd-notification is-info"><code>is-2</code></p>
<p class="bd-notification is-primary"><code>is-2</code></p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-warning has-text-centered">1</p>
<p class="bd-notification is-wajofij has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-warning has-text-centered">1</p>
<p class="bd-notification is-wajofij has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-warning has-text-centered">1</p>
<p class="bd-notification is-wajofij has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-warning has-text-centered">1</p>
<p class="bd-notification is-wajofij has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-warning has-text-centered">1</p>
<p class="bd-notification is-wajofij has-text-centered">1</p>
</div>
</div>
<div class="columns">
<div class="column is-3">
<p class="bd-notification is-info"><code>is-3</code></p>
<p class="bd-notification is-primary"><code>is-3</code></p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-warning has-text-centered">1</p>
<p class="bd-notification is-wajofij has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-warning has-text-centered">1</p>
<p class="bd-notification is-wajofij has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-warning has-text-centered">1</p>
<p class="bd-notification is-wajofij has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-warning has-text-centered">1</p>
<p class="bd-notification is-wajofij has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
</div>
<div class="columns">
<div class="column is-4">
<p class="bd-notification is-info"><code>is-4</code></p>
<p class="bd-notification is-primary"><code>is-4</code></p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-warning has-text-centered">1</p>
<p class="bd-notification is-wajofij has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-warning has-text-centered">1</p>
<p class="bd-notification is-wajofij has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-warning has-text-centered">1</p>
<p class="bd-notification is-wajofij has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-warning has-text-centered">1</p>
<p class="bd-notification is-wajofij has-text-centered">1</p>
</div>
</div>
<div class="columns">
<div class="column is-5">
<p class="bd-notification is-info"><code>is-5</code></p>
<p class="bd-notification is-primary"><code>is-5</code></p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-warning has-text-centered">1</p>
<p class="bd-notification is-wajofij has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-warning has-text-centered">1</p>
<p class="bd-notification is-wajofij has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-warning has-text-centered">1</p>
<p class="bd-notification is-wajofij has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
</div>
<div class="columns">
<div class="column is-6">
<p class="bd-notification is-info"><code>is-6</code></p>
<p class="bd-notification is-primary"><code>is-6</code></p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-warning has-text-centered">1</p>
<p class="bd-notification is-wajofij has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-warning has-text-centered">1</p>
<p class="bd-notification is-wajofij has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-warning has-text-centered">1</p>
<p class="bd-notification is-wajofij has-text-centered">1</p>
</div>
</div>
<div class="columns">
<div class="column is-7">
<p class="bd-notification is-info"><code>is-7</code></p>
<p class="bd-notification is-primary"><code>is-7</code></p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-warning has-text-centered">1</p>
<p class="bd-notification is-wajofij has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-warning has-text-centered">1</p>
<p class="bd-notification is-wajofij has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
</div>
<div class="columns">
<div class="column is-8">
<p class="bd-notification is-info"><code>is-8</code></p>
<p class="bd-notification is-primary"><code>is-8</code></p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-warning has-text-centered">1</p>
<p class="bd-notification is-wajofij has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-warning has-text-centered">1</p>
<p class="bd-notification is-wajofij has-text-centered">1</p>
</div>
</div>
<div class="columns">
<div class="column is-9">
<p class="bd-notification is-info"><code>is-9</code></p>
<p class="bd-notification is-primary"><code>is-9</code></p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-warning has-text-centered">1</p>
<p class="bd-notification is-wajofij has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
</div>
<div class="columns">
<div class="column is-10">
<p class="bd-notification is-info"><code>is-10</code></p>
<p class="bd-notification is-primary"><code>is-10</code></p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
<div class="column">
<p class="bd-notification is-warning has-text-centered">1</p>
<p class="bd-notification is-wajofij has-text-centered">1</p>
</div>
</div>
<div class="columns">
<div class="column is-11">
<p class="bd-notification is-info"><code>is-11</code></p>
<p class="bd-notification is-primary"><code>is-11</code></p>
</div>
<div class="column">
<p class="bd-notification is-success has-text-centered">1</p>
<p class="bd-notification is-fojeisj has-text-centered">1</p>
</div>
</div>
@@ -521,7 +521,7 @@ breadcrumb:
<div class="columns is-mobile">
<div class="column is-half is-offset-one-quarter">
<p class="bd-notification is-info">
<p class="bd-notification is-primary">
<code class="html">is-half</code><br>
<code class="html">is-offset-one-quarter</code>
</p>
@@ -530,7 +530,7 @@ breadcrumb:
<div class="columns is-mobile">
<div class="column is-three-fifths is-offset-one-fifth">
<p class="bd-notification is-info">
<p class="bd-notification is-primary">
<code class="html">is-three-fifths</code><br>
<code class="html">is-offset-one-fifth</code>
</p>
@@ -539,7 +539,7 @@ breadcrumb:
<div class="columns is-mobile">
<div class="column is-4 is-offset-8">
<p class="bd-notification is-info">
<p class="bd-notification is-primary">
<code class="html">is-4</code><br>
<code class="html">is-offset-8</code>
</p>
@@ -548,7 +548,7 @@ breadcrumb:
<div class="columns is-mobile">
<div class="column is-11 is-offset-1">
<p class="bd-notification is-info">
<p class="bd-notification is-primary">
<code class="html">is-11</code><br>
<code class="html">is-offset-1</code>
</p>