Skip to content

Commit 0692c1d

Browse files
authored
Merge pull request #69 from dessonchan/master
iPhoneX mockup support
2 parents 6c805e2 + 9dbaa24 commit 0692c1d

File tree

3 files changed

+28
-0
lines changed

3 files changed

+28
-0
lines changed

device-mockups/iPhoneX/landscape.png

129 KB
Loading

device-mockups/iPhoneX/portrait.png

98 KB
Loading

dist/device-mockups.css

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -25,6 +25,34 @@
2525
position: absolute;
2626
cursor: pointer; }
2727

28+
.device[data-device="iPhoneX"][data-orientation="portrait"][data-color="black"] {
29+
padding-bottom: 198.89807163%;
30+
background-image: url(../device-mockups/iPhoneX/portrait.png);
31+
z-index: initial;
32+
}
33+
.device[data-device="iPhoneX"][data-orientation="portrait"][data-color="black"] .screen {
34+
top: 3.254847645%;
35+
left: 7.162534435%;
36+
width: 85.67493113%;
37+
height: 93.49030471%;
38+
border: 0px;
39+
z-index: -1;
40+
}
41+
42+
.device[data-device="iPhoneX"][data-orientation="landscape"][data-color="black"] {
43+
padding-bottom: 50.27700831%;
44+
background-image: url(../device-mockups/iPhoneX/landscape.png);
45+
z-index: initial;
46+
}
47+
.device[data-device="iPhoneX"][data-orientation="landscape"][data-color="black"] .screen {
48+
top: 7.162534435%;
49+
left: 3.254847645%;
50+
width: 93.49030471%;
51+
height: 85.67493113%;
52+
border: 0px;
53+
z-index: -1;
54+
}
55+
2856
.device[data-device="galaxyS3"][data-orientation="portrait"][data-color="black"] {
2957
padding-bottom: 194.717887155%; }
3058
.device[data-device="galaxyS3"][data-orientation="portrait"][data-color="black"] .screen {

0 commit comments

Comments
 (0)