From 026682bf0dc828d8d689cb01e623eb311de0c013 Mon Sep 17 00:00:00 2001 From: David Baughman Date: Tue, 25 Aug 2015 12:53:14 -0700 Subject: [PATCH] Added mixin to handle media queries that span multiple breakpoints --- scss/mixins/_breakpoints.scss | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/scss/mixins/_breakpoints.scss b/scss/mixins/_breakpoints.scss index 790bb73433..05de175365 100644 --- a/scss/mixins/_breakpoints.scss +++ b/scss/mixins/_breakpoints.scss @@ -74,3 +74,13 @@ } } } + +// Media that spans multiple breakpoint widths. +// Makes the @content apply between the min and max breakpoints +@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) { + @include media-breakpoint-up($lower, $breakpoints) { + @include media-breakpoint-down($upper, $breakpoints) { + @content; + } + } +} \ No newline at end of file