mirror of
https://github.com/jgthms/bulma.git
synced 2024-11-28 12:24:23 +00:00
Update gap.html
Clarity and intent. Nowhere in the docs does it say you actually apply the gap to the child of the column element, which is usually some class of box.
This commit is contained in:
parent
5aa114d445
commit
e61ab96c8a
@ -111,9 +111,9 @@ breadcrumb:
|
||||
|
||||
<div class="content">
|
||||
<p>
|
||||
Each column has a <strong>gap</strong> equal to the <strong>variable</strong> <code>$column-gap</code>, which has a default value of <code>0.75rem</code>.
|
||||
Each box has a <strong>gap</strong> equal to the <strong>variable</strong> <code>$column-gap</code>, which has a default value of <code>0.75rem</code>.
|
||||
<br>
|
||||
Since the gap is on <em>each side</em> of a column, the gap between two adjacent columns will be twice the value of <code>$column-gap</code>, or <code>1.5rem</code> by default.
|
||||
Since the gap is on <em>each side</em> of a box element, the gap between two boxes within adjacent columns containers will be twice the value of <code>$column-gap</code>, or <code>1.5rem</code> by default.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
@ -123,7 +123,7 @@ breadcrumb:
|
||||
|
||||
<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:
|
||||
If you want to remove the <strong>space</strong> between the boxes, add the <code>is-gapless</code> modifier on the <code>columns</code> container:
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user