Skip to content

Commit

Permalink
Merge pull request #55 from pwespi/pixel
Browse files Browse the repository at this point in the history
Add Pixel device
  • Loading branch information
ben182 authored Sep 22, 2017
2 parents 63390ba + d58514d commit 7693c53
Show file tree
Hide file tree
Showing 6 changed files with 39 additions and 2 deletions.
1 change: 1 addition & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -63,6 +63,7 @@ Devices
| Macbook | Macbook | portrait | black, white, gold |
| Macbook 2015 | Macbook2015 | portrait | black, white, gold |
| MacbookPro | Macbook2015 | portrait | black |
| Pixel | Pixel | portrait | black, white |
| Samsung TV | SamsungTV | portrait | black |
| Surface Pro 3 | SurfacePro3 | landscape | black |
| Surface Studio | SurfaceStudio | portrait | black |
Expand Down
Binary file added device-mockups/Pixel/portrait_black.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added device-mockups/Pixel/portrait_white.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
34 changes: 33 additions & 1 deletion dist/device-mockups.css
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
* html5-device-mockups (https://github.com/pixelsign/html5-device-mockups)
* Copyright 2013 - 2017 pixelsign
* Licensed under MIT (https://github.com/pixelsign/html5-device-mockups/blob/master/LICENSE.txt)
* Last Build: Wed Sep 20 2017 11:51:58
* Last Build: Thu Sep 21 2017 21:24:45
*/
.device-wrapper {
max-width: 300px;
Expand Down Expand Up @@ -1434,3 +1434,35 @@
width: 7.728706624605679%;
height: 15.605095541401273%;
}
.device[data-device="Pixel"][data-orientation="portrait"][data-color="white"] {
padding-bottom: 202.62008733624458%;
background-image: url("../device-mockups/Pixel/portrait_white.png");
}
.device[data-device="Pixel"][data-orientation="portrait"][data-color="white"] .screen {
top: 9.698275862068966%;
left: 4.366812227074235%;
width: 90.39301310043668%;
height: 78.66379310344827%;
}
.device[data-device="Pixel"][data-orientation="portrait"][data-color="white"] .button {
top: 90.51724137931035%;
left: 44.97816593886463%;
width: 11.353711790393014%;
height: 4.310344827586207%;
}
.device[data-device="Pixel"][data-orientation="portrait"][data-color="black"] {
padding-bottom: 202.62008733624458%;
background-image: url("../device-mockups/Pixel/portrait_black.png");
}
.device[data-device="Pixel"][data-orientation="portrait"][data-color="black"] .screen {
top: 9.698275862068966%;
left: 4.366812227074235%;
width: 90.39301310043668%;
height: 78.66379310344827%;
}
.device[data-device="Pixel"][data-orientation="portrait"][data-color="black"] .button {
top: 90.51724137931035%;
left: 44.97816593886463%;
width: 11.353711790393014%;
height: 4.310344827586207%;
}
2 changes: 1 addition & 1 deletion dist/device-mockups.min.css

Large diffs are not rendered by default.

4 changes: 4 additions & 0 deletions src/devices.less
Original file line number Diff line number Diff line change
Expand Up @@ -122,4 +122,8 @@
iPhone7 landscape gold 1767 870 56 211 54 212 365 48 368 1582,
iPhone7 landscape pink 1767 870 56 211 54 212 365 48 368 1582,
iPhone7 landscape red 634 314 27 79 21 76 132 16 133 569,

Pixel portrait white 229 464 45 12 54 10 420 100 24 103,
Pixel portrait black 229 464 45 12 54 10 420 100 24 103,

;

0 comments on commit 7693c53

Please sign in to comment.