123456789101112131415161718192021222324
  1. /* ==========================================================================
  2. Main page styles
  3. ========================================================================== */
  4. .hipster {
  5. display: inline-block;
  6. width: 347px;
  7. height: 497px;
  8. background: url('../../content/images/hipster.png') no-repeat center top;
  9. background-size: contain;
  10. }
  11. /* wait autoprefixer update to allow simple generation of high pixel density media query */
  12. @media only screen and (-webkit-min-device-pixel-ratio: 2),
  13. only screen and (-moz-min-device-pixel-ratio: 2),
  14. only screen and (-o-min-device-pixel-ratio: 2/1),
  15. only screen and (min-resolution: 192dpi),
  16. only screen and (min-resolution: 2dppx) {
  17. .hipster {
  18. background: url('../../content/images/hipster2x.png') no-repeat center top;
  19. background-size: contain;
  20. }
  21. }