Menu icon Foundation
@media row width in foundation 6

I'm using says and CLI. I would like to have row width that vary according to the browser width.
I wrote this in my _settings.sass file but it does not output to any @media queries style in my app.css
How would you achieve that?
Here's my code

            
@include breakpoint(medium only) {
    $grid-row-width:rem-calc(1200)
}
@include breakpoint(xlarge only) {
	$grid-row-width:rem-calc(1400)
}
@include breakpoint(xxlarge only) {
	$grid-row-width:rem-calc(1600)
}
         

Row widthResponsive

I'm using says and CLI. I would like to have row width that vary according to the browser width.
I wrote this in my _settings.sass file but it does not output to any @media queries style in my app.css
How would you achieve that?
Here's my code

            
@include breakpoint(medium only) {
    $grid-row-width:rem-calc(1200)
}
@include breakpoint(xlarge only) {
	$grid-row-width:rem-calc(1400)
}
@include breakpoint(xxlarge only) {
	$grid-row-width:rem-calc(1600)
}