Susy: override bleed() в точке останова

Question

Как отменить микширование bleed-x() при меньшей точке останова, так что box4 (желтая коробка) в примере 2 возвращается между фиолетовыми столбцами и не переносит на следующая строка.

.story4 { 
    @include bleed-x(); 
    @include span(2); 
    background: yellow; 
    height: 80px; 
    @include breakpoint($small) { 
    @include span(8 last); 
    } 
} 

Codepen: http://codepen.io/meijioro/pen/aBdWyO

Answer 1

Кровотечение представляет собой сочетание отрицательных полей и положительного заполнения. Сброс как для 0 переопределять:

@include breakpoint($small) { 
    @include span(8 last); 
    margin: 0; 
    padding: 0; 
} 

В общем, я стараюсь избегать точек останова переопределения пути ограничения исходного приложения. Что-то еще вот так:

.story4 { 
    @include span(2); 
    background: yellow; 
    height: 80px; 

    // use your own tools to create max-width breakpoints... 
    // this limits the bleed, so we don't have to override it later. 
    @media (max-width: $small) { 
    @include bleed-x(); 
    } 

    @include breakpoint($small) { 
    @include span(8 last); 
    } 
}