$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