Основа 6 sass breakpoint grid-column-collapse

У меня проблема с моим кодом Foundation 6 scss, и мне нужна помощь. Я пытаюсь создать следующий код с помощью Sass mixins.

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

Итак, у меня есть HTML

<style>
  .bg-clip {
    background-clip:content-box;
  }
</style>

<div class="box-wrap">
  <div class="box bg-clip" style="background-color:yellow">sass grid</div>
  <div class="box bg-clip" style="background-color:blue">sass grid</div>
</div>

И сксс

.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;
    }
  }

}

Все работает, как ожидалось, но в точке останова (большой) grid-column-collapse не будет работать...

Спасибо за ваше время

0 ответов

Другие вопросы по тегам