Foundation 3 Case Study: Flite Retina

f3-case-flite-retina.scss

@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;
  }
}