Foundation 6 sass breakpoint grid-column-collapse
<p>I am having a problem with my Foundation 6 scss code and need help.
I am trying to create the following code with Sass mixins. </p>

<pre><code>&lt;div class="row small-collapse medium-uncollapse large-collapse"&gt;
&lt;div class="small-3 medium-6 large-3 columns bg-clip" style="background-color:yellow"&gt;
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. 
&lt;/div&gt;
&lt;div class="small-3 medium-6 large-3 columns bg-clip" style="background-color:blue"&gt;
  Lorem ipsum dolor sit amet, consectetur adipisicing elit.
&lt;/div&gt;
</code></pre>

<p> </p>

<p>So i have HTML</p>

<pre><code>&lt;style&gt;
  .bg-clip {
    background-clip:content-box;
  }
&lt;/style&gt;

&lt;div class="box-wrap"&gt;
  &lt;div class="box bg-clip" style="background-color:yellow"&gt;sass grid&lt;/div&gt;
  &lt;div class="box bg-clip" style="background-color:blue"&gt;sass grid&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>And scss</p>

<pre><code>.box-wrap {
  @include grid-row;
  .box {
    @include breakpoint(small) {
      @include grid-column(3);
      @include grid-column-collapse;
    }
    @include breakpoint(medium) {
      @include grid-column(6);
      @include grid-column-uncollapse(30);
    }
    @include breakpoint(large) {
      @include grid-column(3);
      @include grid-column-collapse;
    }
  }

}
</code></pre>

<p>Everything is working as expected but in breakpoint(large) grid-column-collapse wont work...</p>

<p>Thank you for your time</p>