From: heath3 Date: Thu, 9 Jun 2016 15:07:27 +0000 (+0100) Subject: Re-use 'between' mixin for 'only' mixin X-Git-Tag: v4.0.0-alpha.6~474^2 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=d19e762d575245ad33ce2288a6bb4bc830b095d9;p=thirdparty%2Fbootstrap.git Re-use 'between' mixin for 'only' mixin Keeps the code DRY in the same way 'between' uses 'up' and 'down'. --- diff --git a/scss/mixins/_breakpoints.scss b/scss/mixins/_breakpoints.scss index a868833b45..5abe252666 100644 --- a/scss/mixins/_breakpoints.scss +++ b/scss/mixins/_breakpoints.scss @@ -64,17 +64,6 @@ } } -// Media between the breakpoint's minimum and maximum widths. -// No minimum for the smallest breakpoint, and no maximum for the largest one. -// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower. -@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) { - @include media-breakpoint-up($name, $breakpoints) { - @include media-breakpoint-down($name, $breakpoints) { - @content; - } - } -} - // 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) { @@ -84,3 +73,12 @@ } } } + +// Media between the breakpoint's minimum and maximum widths. +// No minimum for the smallest breakpoint, and no maximum for the largest one. +// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower. +@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) { + @include media-breakpoint-between($name, $name, $breakpoints) { + @content; + } +}