Foundation scss media query breakpoints not working with Sage 9

sage9

#1

Has anyone been able to get the Foundation breakpoint variables working with Sage 9?


#2

Hey @fabianwurk - do you mean the breakpoint() mixin? https://foundation.zurb.com/sites/docs/media-queries.html#sass

If so, I installed Foundation real quick via the Sage installer script (./vendor/bin/sage preset) and tested with this:

.content {
  // Only affects medium screens and larger
  @include breakpoint(medium) {
    // All CSS in here goes inside the media query
    max-width: 800px;
    margin: 0 auto;
  }
}

And got the expected result:

What are you seeing on your end? Or did you mean something else?