This commit is contained in:
Jeremy Thomas
2024-07-06 15:42:36 +01:00
parent fc7db1b204
commit 2ed62be159
32 changed files with 7431 additions and 14068 deletions

View File

@@ -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 %}

View File

@@ -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>

View File

@@ -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 %}