pixelsign/html5-device-mockups

device generator does not include all device mockups

id0Sch opened this issue · 1 comments

Hi,
the css sheet and the html are missing nexus_6 and others,
i'd be happy of you could add the missing mockups.

thanks

Regarding Nexus 6, a quick hack which is working for me just fine:

add this to your device-mockups.css

/* Nexus 6 */
.device-mockup.nexus6,
.device-mockup.nexus6.portrait {
    padding-bottom: 189.751958225%;
}

.device-mockup.nexus6.landscape {
    padding-bottom: 52.700378397%;
}

.device-mockup.nexus6 > .device,
.device-mockup.nexus6.portrait > .device {
    background-image: url("nexus_6/nexus_6_port.png");
}

.device-mockup.nexus6.landscape > .device {
    background-image: url("nexus_6/nexus_6_land.png");
}

.device-mockup.nexus6 > .device > .screen,
.device-mockup.nexus6.portrait > .device > .screen {
    top: 7.5%; bottom: 7.5%; left: 7%; right: 7%;
}

.device-mockup.nexus6.landscape > .device > .screen {
    top: 7%; bottom: 7%; left: 7.5%; right: 7.5%;
}