I'm using the Sass version of Foundation for sites. I'd like to make $global-width responsive. For example:
- At 1500px+, $global-width is 1400px
- Below 1500px, $global-width is 90%
I tried putting a media query for the first bullet in my settings.scss file, but it ignored the media query and just made everything 90%.
Is this something that's possible to do? Or is there a workaround?
The problem is that I want more global padding on left and right for smaller devices, so maybe there's an easier solution.