mirror of
https://github.com/jgthms/bulma
synced 2026-03-15 02:04:29 -07:00
@@ -90,7 +90,7 @@ Each Bulma grid is comprised of several **cells**. You can adjust the width and
|
||||
{% endcapture %}
|
||||
|
||||
{% capture markdown %}
|
||||
Change which column a cell ends at, counting from the end.
|
||||
Change which column a cell starts at.
|
||||
{% endcapture %}
|
||||
|
||||
{% include markdown.html content=markdown %}
|
||||
@@ -130,7 +130,7 @@ Change which column a cell ends at, counting from the end.
|
||||
{% endcapture %}
|
||||
|
||||
{% capture markdown %}
|
||||
Change which column a cell starts at.
|
||||
Change which column a cell ends at, counting from the end.
|
||||
{% endcapture %}
|
||||
|
||||
{% include markdown.html content=markdown %}
|
||||
@@ -212,7 +212,7 @@ Change how many columns a cell spans.
|
||||
{% endcapture %}
|
||||
|
||||
{% capture markdown %}
|
||||
Change which row a cell ends at, counting from the end.
|
||||
Change which row a cell starts at.
|
||||
{% endcapture %}
|
||||
|
||||
{% include markdown.html content=markdown %}
|
||||
@@ -252,7 +252,7 @@ Change which row a cell ends at, counting from the end.
|
||||
{% endcapture %}
|
||||
|
||||
{% capture markdown %}
|
||||
Change which row a cell starts at.
|
||||
Change which row a cell ends at, counting from the end.
|
||||
{% endcapture %}
|
||||
|
||||
{% include markdown.html content=markdown %}
|
||||
|
||||
@@ -22,7 +22,7 @@ breadcrumb:
|
||||
</span>
|
||||
<button class="js-modifier-property dn" data-property="is-col-min"></button>
|
||||
<button class="button js-modifier-value is-link">Default</button>
|
||||
{% for i in (1..12) %}
|
||||
{% for i in (1..32) %}
|
||||
<button class="button js-modifier-value" data-value="{{ i }}">{{ i }}</button>
|
||||
{% endfor %}
|
||||
</div>
|
||||
@@ -110,4 +110,4 @@ breadcrumb:
|
||||
|
||||
{{ fixed_grid_playground }}
|
||||
|
||||
<div style="padding-top: 50vh;"><em>Space intentionally left blank to prevent layout jumps</em></div>
|
||||
<div style="padding-top: 50vh;"><em>Space intentionally left blank to prevent layout jumps</em></div>
|
||||
|
||||
@@ -43,7 +43,7 @@ By default, the Smart Grid has:
|
||||
{% include docs/elements/anchor.html name="Smart Grid modifiers" %}
|
||||
|
||||
{% capture markdown %}
|
||||
You can change the minimum column width by increments of `1.5rem`, by adding the `is-col-min` modifier class with a value ranging from `0` to `12`:
|
||||
You can change the minimum column width by increments of `1.5rem`, by adding the `is-col-min` modifier class with a value ranging from `0` to `32`:
|
||||
{% endcapture %}
|
||||
|
||||
{% include markdown.html content=markdown %}
|
||||
@@ -56,7 +56,7 @@ You can change the minimum column width by increments of `1.5rem`, by adding the
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for i in (1..12) %}
|
||||
{% for i in (1..32) %}
|
||||
<tr>
|
||||
<td><code>is-col-min-{{ i }}</code></td>
|
||||
<td><code>{{ i | times: 1.5 }}rem</code></td>
|
||||
@@ -83,9 +83,9 @@ You can also change the `gap`, `column-gap` and/or `row-gap` by increments of `0
|
||||
<tbody>
|
||||
{% for i in (0..8) %}
|
||||
<tr>
|
||||
<td><code>gap-{{ i }}</code></td>
|
||||
<td><code>column-gap-{{ i }}</code></td>
|
||||
<td><code>row-gap-{{ i }}</code></td>
|
||||
<td><code>is-gap-{{ i }}</code></td>
|
||||
<td><code>is-column-gap-{{ i }}</code></td>
|
||||
<td><code>is-row-gap-{{ i }}</code></td>
|
||||
<td><code>{{ i | times: 0.5 }}rem</code></td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
|
||||
Reference in New Issue
Block a user