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

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

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

@@ -360,7 +360,7 @@ doc-subtab: columns
{% highlight html %}{{ columns }}{% endhighlight %}
{% include anchor.html name="Sizes" %}
{% include elements/anchor.html name="Sizes" %}
<div class="content">
<p>If you want to change the <strong>size</strong> of a single column, you can use one the following classes:</p>
@@ -685,7 +685,7 @@ doc-subtab: columns
</div>
</div>
{% include anchor.html name="Offset" %}
{% include elements/anchor.html name="Offset" %}
<div class="content">
<p>
@@ -722,7 +722,7 @@ doc-subtab: columns
{% highlight html %}{{ columns_offset }}{% endhighlight %}
{% include anchor.html name="Centering columns" %}
{% include elements/anchor.html name="Centering columns" %}
<div class="content">
<p>
@@ -782,7 +782,7 @@ doc-subtab: columns
{% highlight html %}{{ columns_mobile_multiline_centered }}{% endhighlight %}
{% include anchor.html name="Responsiveness" %}
{% include elements/anchor.html name="Responsiveness" %}
<div class="content">
<p>By default, columns are only activated from <strong>tablet</strong> onwards. This means columns are stacked on top of each other on <strong>mobile</strong>.</p>
@@ -857,7 +857,7 @@ doc-subtab: columns
</div>
{% highlight html %}{{ columns_multiple_breakpoints }}{% endhighlight %}
{% include anchor.html name="Nesting" %}
{% include elements/anchor.html name="Nesting" %}
<div class="content">
<p>
@@ -918,7 +918,7 @@ doc-subtab: columns
{% highlight html %}{{ columns_nesting }}{% endhighlight %}
{% include anchor.html name="Multiline" %}
{% include elements/anchor.html name="Multiline" %}
<div class="content">
<p>Whenever you want to start a new line, you can close a <code>columns</code> container and start a new one. But you can also add the <code>is-multiline</code> modifier and add <strong>more</strong> column elements that would fit in a single row.</p>
@@ -955,7 +955,7 @@ doc-subtab: columns
{% highlight html %}{{ columns_multiline }}{% endhighlight %}
{% include anchor.html name="Gapless" %}
{% include elements/anchor.html name="Gapless" %}
<div class="content">
<p>If you want to remove the <strong>space</strong> between the columns, add the <code>is-gapless</code> modifier on the <code>columns</code> container:</p>
@@ -1018,7 +1018,7 @@ doc-subtab: columns
</div>
{% highlight html %}{{ columns_gapless_multiline }}{% endhighlight %}
{% include anchor.html name="Narrow column" %}
{% include elements/anchor.html name="Narrow column" %}
<div class="content">
<p>If you want a column to only take the <strong>space it needs</strong>, use the <code>is-narrow</code> modifier. The other column(s) will fill up the remaining space.</p>