library-mirrors/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma.git synced 2024-11-28 12:24:23 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Update gap.html

Browse Source 
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
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
docs/documentation/columns/gap.html
View File

@ -111,9 +111,9 @@ breadcrumb:
<div class="content"> <div class="content">
<p> <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> <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> </p>
</div> </div>
@ -123,7 +123,7 @@ breadcrumb:
<div class="content"> <div class="content">
<p> <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> </p>
</div> </div>