media($breakpoint)

$base-columns: $columns
$base-fallback-width: $fallback-width

@if index($breakpoint, columns)
  $i: index($breakpoint, columns) + 1
  $columns: nth($breakpoint, $i)
@if index($breakpoint, fallback-width)
  $i: index($breakpoint, fallback-width) + 1
  $fallback-width: nth($breakpoint, $i)

$query: "screen"
@if index($breakpoint, max-width)
  $i: index($breakpoint, max-width) + 1
  $query: $query + " and (max-width: #{nth($breakpoint, $i)})"
@if index($breakpoint, min-width)
  $i: index($breakpoint, min-width) + 1
  $query: $query + " and (min-width: #{nth($breakpoint, $i)})"

@media #{$query}
  @content

$columns: $base-columns
$fallback-width: $base-fallback-width