_devices.scss 1020 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. //
  2. // DEVICES
  3. //
  4. .device {
  5. position: relative;
  6. background-size: cover;
  7. }
  8. .device .app-screenshot {
  9. position: absolute;
  10. width: 240px;
  11. height: auto;
  12. }
  13. //
  14. // iPhone SE Silver Vertical
  15. //
  16. .device.iphone-se-silver-vertical {
  17. width: 288px;
  18. height: 608px;
  19. background-image: url(../../images/devices/iphone-se-silver-vertical.png);
  20. }
  21. .device.iphone-se-silver-vertical .app-screenshot {
  22. top: 91px;
  23. left: 25px;
  24. width: 240px;
  25. }
  26. //
  27. // iPhone SE Space Gray Vertical
  28. //
  29. .device.iphone-se-space-gray-vertical {
  30. width: 288px;
  31. height: 608px;
  32. background-image: url(../../images/devices/iphone-se-space-gray-vertical.png);
  33. }
  34. .device.iphone-se-space-gray-vertical .app-screenshot {
  35. top: 91px;
  36. left: 25px;
  37. width: 240px;
  38. }
  39. //
  40. // iPod Touch Blue Vertical
  41. //
  42. .device.ipod-touch-blue-vertical {
  43. width: 291px;
  44. height: 614px;
  45. background-image: url(../../images/devices/ipod-touch-blue-vertical.png);
  46. }
  47. .device.ipod-touch-blue-vertical .app-screenshot {
  48. top: 87px;
  49. left: 23px;
  50. width: 246px;
  51. }