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:
Jimi003 2022-01-14 09:28:09 +01:00 committed by GitHub
parent 5aa114d445
commit e61ab96c8a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

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