No gap
←Add .gap-no to the CSS columns to have a collapse border look. See this example for the same method in other grid types.
Syntax:
.columns.gap-no
SCSS:
_gap-no.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<div class="columns cols-5 cols-4-t cols-2-p gap-no text-mono">
<div class="box text-clip bg-b">1</div>
<div class="box text-clip bg-c">2</div>
<div class="box text-clip bg-d">3</div>
<div class="box text-clip bg-e">4</div>
<div class="box text-clip bg-f">5</div>
<div class="box text-clip bg-g">6</div>
<div class="box text-clip bg-h">7</div>
<div class="box text-clip bg-i">8</div>
<div class="box text-clip bg-j">9</div>
<div class="box text-clip bg-k">10</div>
<div class="box text-clip bg-l">11</div>
<div class="box text-clip bg-m">12</div>
<div class="box text-clip bg-n">13</div>
<div class="box text-clip bg-o">14</div>
<div class="box text-clip bg-p">15</div>
<div class="box text-clip bg-q">16</div>
<div class="box text-clip bg-r">17</div>
<div class="box text-clip bg-s">18</div>
<div class="box text-clip bg-t">19</div>
<div class="box text-clip bg-u">20</div>
<div class="box text-clip bg-v">21</div>
<div class="box text-clip bg-w">22</div>
<div class="box text-clip bg-x">23</div>
</div>