как перезаписать настройки Susy в определенных точках останова

Question

Я использую настройку галереи Susy на небольшой точке останова и (из-за мобильной первой структуры CSS), ее получение передается в большую точку останова, и я не могу понять, как очистить/перезапишите его, чтобы мои divs имели полную ширину.

выход

таблетки:

[div] [div] [div] 

требуемый выход рабочего стола:

[  div  ] 
[  div  ] 
[  div  ] 

моя попытка:

div { 
    @include gallery(4); 
    @media (min-width: 900px) { 
    @include break; 
    @include full; 
    } 
} 

see FIDDLE

Answer 1

Я уверен, что вы уже не решить это, нет но, так как я столкнулся с той же проблемой, я думал, что отправлю свое решение.

Добавьте следующий подмешать:

@mixin reset-gallery { 
    &:nth-child(1n) { 
    margin-left: 0; 
    margin-right: gutter(); 
    } 

    &:last-child { 
    margin-right: 0; 
    } 
} 

, а затем сбросить дивы следующим образом:

@media (min-width: 900px) { 
    @include reset-gallery; 
    @include span(full); 
} 

Updated fiddle here. Это может не работать во всех ситуациях, но это сработало для меня и, похоже, тоже работает для вашего дела.