Extended Foundation Media Queries

founctions.scss

// remember the QUERIES
// no predefined query for small ( < 768px ), cause you should design mobile first!
    @media #{$retina-small} { /* retina < 768px */ }
    @media #{$small} { /* > 768px (medium) */ }
    @media #{$retina-medium} { /* > 768px (retina-medium) */ }
    @media #{$medium} { /* > 1280px (large) */ }
    @media #{$retina-large} { /* > 1280px (retina-large) */ }
    @media #{$large} { /* > 1440px (xlarge) */ }