Ich benutze keinen KompassIch bevorzuge die Verwendung von Breakpoint.scssIch bin auf Susy 2.0

Ich weiß, dass es viele Posts mit dieser Frage gibt, aber ich habe 0 Glück, dass ich etwas in Bezug auf findeBreakpoint.scss undSusy 2.0 Zu diesem Thema.

@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);
  }
}

Muss ich benutzensusy-breakpoint oder kann so etwas erreicht werden? Ich möchte 6 Spalten bei / unter 800px und 12 bei / über 800px

Ich versuche, trocken zu bleiben, daher hilft es nicht, einen Susy-Breakpoint in meine Styles einzufügen.

Ich habe auch versucht, unten Code, aber ich denke, ich habe nur irgendwo einen Fehler, weil es nicht funktioniert.

$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);
  }
}