susy 2.0 alterar colunas no ponto de interrupção
Não estou usando a bússolaEu prefiro usar Breakpoint.scssEstou no susy 2.0
Eu sei que existem muitas postagens com essa pergunta, mas estou tendo 0 sorte em encontrar algumaBreakpoint.scss
eSusy 2.0
neste tópico.
@import "susy";
@import "breakpoint";
$medium: 800px;
$susy: (
columns: 6,
gutters: 3/4,
gutter-position: split
);
@include breakpoint($medium) {
$susy: layout(12 1/4 split);
}
body {
@include container(show);
@include breakpoint($medium) {
@include container(show);
}
}
Eu tenho que usarsusy-breakpoint
ou algo assim pode ser alcançado? Eu quero 6 colunas em qualquer coisa em / abaixo de 800 px e 12 em / acima de 800 px
Estou tentando ficar seco, para adicionar um susy-breakpoint nos meus estilos não ajuda.
Eu também tentei abaixo do código, mas acho que só tenho um erro em algum lugar porque não está funcionando.
$susy: layout(6 1/4 split);
$small: 400px, 6 1/4 split;
$medium: 800px, 8 1/4 split;
$large: 1000px, 12 1/4 split;
@mixin media($size) {
@include susy-breakpoint($size...) {
@content;
}
}
body {
@include container(show);
@include media($small) {
@include container(show);
}
// debugging. didnt work either
@include susy-breakpoint($small...) {
@include container(show);
}
}