Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Add Pixel device #55

Merged
merged 2 commits into from
Sep 22, 2017
Merged

Add Pixel device #55

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
77369a3
Add Pixel device
Sep 21, 2017
d58514d
Compress images with tinypng.com
Sep 21, 2017
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions README.md
View file
Open in desktop
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
View file
Open in desktop
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
View file
Open in desktop
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
View file
Open in desktop
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
View file
Open in desktop

Large diffs are not rendered by default.

4 changes: 4 additions & 0 deletions src/devices.less
View file
Open in desktop
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,

;