Is there a way to remove the brackets and the quotation marks when putting media queries into an object and looping over them? The code works well, but the stylus is causing the output to have unwanted characters.
Here's my code:
$maxBreakpoints = {
"0": 'and (min-width: 1701px) and (max-width: 1920px)',
"1": 'and (min-width: 1440px) and (max-width: 1700px)',
"2": 'and (min-width: 1280px) and (max-width: 1439px)',
"3": 'and (min-width: 1024px) and (max-width: 1023px)'
}
$_resolution = {
"0": 1920,
"1": 1440,
"2": 1280,
"3": 1024
}
for $i, $resolution in $maxBreakpoints
@media all $resolution
The current output of this code is:
@media all ('and (min-width: 1440px) and (max-width: 1700px)')