Foundation Case Study - Flite

gistfile1.css

/*  Retina media query.
	Overrides styles for devices with a 
	device-pixel-ratio of 2+, such as iPhone 4/iPad 3.
-----------------------------------------------    */

@media 
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {

        #topnav {
        	#logo {
        		a {        
        			background-image: url(/img/flitelogo@2x.png);
        			background-size: 156px 22px;
        		}
        	}
        }
		.social { 
			&.linkedin {
				background-image: url(/img/linkedin@2x.png);
				background-size: 16px 16px;
			} 
			&.twitter {
				background-image: url(/img/twitter@2x.png);
				background-size: 24px 16px;
			}
		}
		
        .graphic-campaign-goals {
            background-image: url(/img/icons-campaign-goals@2x.png);
            background-size: 134px 44px;
        }
    
        .graphic-audience {
            background-image: url(/img/icon-audience@2x.png);
            background-size: 134px 82px;
        }
    
}