Transparent overlay touches support

Author: srigaux

dist/device-mockups.css

@@ -2,7 +2,7 @@
  * html5-device-mockups (https://github.com/pixelsign/html5-device-mockups)
  * Copyright 2013 - 2018 pixelsign
  * Licensed under MIT (https://github.com/pixelsign/html5-device-mockups/blob/master/LICENSE.txt)
- * Last Build: Thu Dec 20 2018 13:39:13
+ * Last Build: Thu Dec 20 2018 14:05:50
  */
 .device-wrapper {
   max-width: 300px;
@@ -15,11 +15,12 @@
     position: absolute;
     background-size: cover;
     width: 100%;
-    height: 100%; }
+    height: 100%;
+    pointer-events: none; }
   .device .screen {
     position: absolute;
     background-size: cover;
-    pointer-events: none; }
+    pointer-events: auto; }
   .device .button {
     position: absolute;
     cursor: pointer; }

dist/device-mockups.min.css

@@ -14,8 +14,7 @@
 
 	<div class="device-wrapper">
 		<div class="device" data-device="iPhoneX" data-orientation="portrait" data-color="black">
-			<div class="screen">
-			</div>
+			<div class="screen"></div>
 			<div class="button"></div>
 		</div>
 	</div>

src/index.html

@@ -14,12 +14,13 @@ $mockup-path: '../device-mockups' !default;
         background-size: cover;
         width: 100%;
         height: 100%;
+        pointer-events: none;
     }
 
     .screen {
         position: absolute;
         background-size: cover;
-        pointer-events: none;
+        pointer-events: auto;
     }