Foundation scss media query breakpoints not working with Sage 9

sage
1

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

2

Hey @fabianwurk - do you mean the breakpoint() mixin? Media Queries | Foundation for Sites 6 Docs

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:

image
image834×270 22.6 KB

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

1 Like