Основа 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 не будет работать...
Спасибо за ваше время