Media Query Breakpoints for Retina Displays

// This is the default breakpoints map, useful for a wide usage. $breakpoints: ( extraSmall : 30em, small : 48em, medium : 60em, large : 80em, extraLarge : 100em ); // Screen densities. You don't need to change this values. $densities: ( 1x : '96dpi', 15x : '144dpi', 2x : '192dpi', 3x : '288dpi', 4x : '384dpi' ); @media screen and (break(medium)) { /**/ } @media screen and (break(medium)) and (density(2x)) { /**/ }

Be the first to comment

You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.