_bootstrap_responsive.scss

/**
 * TODO: Optimize the MQ's logic to produce one statement.
 */
@mixin breakpoint($point, $media: all) {
	@if index($point, "xs") != null  {
		@media only #{$media} and (max-width: #{$screen-xs-max}) {
			@content;
		}
	}

	@if index($point, "sm") != null {
		@media only #{$media} and (min-width: #{$screen-sm}) and (max-width: #{$screen-sm-max}) {
			@content;
		}
	}

	@if index($point, "md") != null {
		@media only #{$media} and (min-width: #{$screen-md}) and (max-width: #{$screen-md-max}) {
			@content;
		}
	}

	@if index($point, "lg") != null {
		@media only #{$media} and (min-width: #{$screen-lg}) {
			@content;
		}
	}
}