Compatibility with include-media library

[nirazul]

Hey there!

I've seen your talk at frontendconf zurich and waited since then for a new project to use susy.
I just played around for some hours but I'm positive that this is a great replacement for the bootstrap grid I've used for far too long. So first of all, a big thanks for providing such a great plugin (and a great talk aswell)!

As I'm also fond of using include-media, would it be possible to use its media mixin instead of breakpoint?

[mirisuzanne]

I don't think we'll bake this into the existing Susy 2 syntax, but it's a great idea for a v3 plugin. In the meantime, building your own integration is relatively straight forward. You just need a wrapper mixin that takes both media and Susy with-layout arguments. Then pass those arguments on to both:

@mixin my-media-mixin($layout, $conditions...) {
  @include with-layout($layout) {
    @include media($conditions...) {
      @content;
    }
  }
}

You can mess with that syntax if you want - but that's about all it takes.

[mirisuzanne]

Also, welcome to Susy! Glad you enjoyed the talk!

[nirazul]

That looks easy enough for the moment. Thanks for the quick help! :)

[mirisuzanne]

I'm going to keep this open as a reminder about v3 plugin ideas

[KittyGiraudel]

Hey. Allow me to dive in as I happen to be one of the two authors of include-media. We might also consider having an include-media plugin (because we do rely on a plugin system as well) for Susy, depending on what you have in mind.

In any case and in regard to Susy, this is definitely something meant to be a plugin and won't be part of the core. :)