_devices.scss 899 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. //
  2. // DEVICES
  3. //
  4. .device {
  5. position: relative;
  6. background-size: cover;
  7. margin: auto;
  8. }
  9. //
  10. // iPhone X White
  11. //
  12. .device.appetize {
  13. width: 426px;
  14. height: 859px;
  15. }
  16. .device.appetize .frame {
  17. position: absolute;
  18. width: 100%;
  19. height: 100%;
  20. z-index:1;
  21. pointer-events: none;
  22. background-image: url(/assets/img/iphonex.png);
  23. background-size: 100%;
  24. }
  25. .device.appetize iframe {
  26. position: absolute;
  27. width: 375px;
  28. height: 812px;
  29. margin-left: 24px;
  30. margin-top: 31px;
  31. z-index:0;
  32. }
  33. .device.screenshot {
  34. width: 341px;
  35. height: 688px;
  36. }
  37. .device.screenshot .frame {
  38. position: absolute;
  39. width: 100%;
  40. height: 100%;
  41. z-index:1;
  42. pointer-events: none;
  43. background-image: url(/assets/img/iphonex.png);
  44. background-size: 100%;
  45. }
  46. .device.screenshot img {
  47. position: absolute;
  48. width: 300px;
  49. height: 650px;
  50. margin-left: 19px;
  51. margin-top: 25px;
  52. z-index:0;
  53. }