Aleut.css

Documentation

settings.responsive

          		# Responsive

This package define our initial breakpoint aliases and conditions. It is required by all the responsive-packages in aleut.

$breakpoints: (
	"s"       "screen and (max-width: 44.9375em)",
	"m"       "screen and (min-width: 45em)",
	"l"       "screen and (min-width: 64em)",
	"retina"  "(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx)"
) !default;

If you want to change any of these variables read more on Modifying aleut. This SASS-maps is looped trough in utilities.width-responsive and utilities.spacing-responsive.

Install using npm:

    $ npm install --save-dev aleut.responsive-settings