passepartout-apple/screenshots/html/iphone/style.css
Davide 76a570b7b3
Autogenerate framed screenshots from HTML/CSS (#1000)
Add TV screenshots and organize PassepartoutUITests with two test plans
for generating iOS/macOS (Main) and tvOS (TV) screenshots. Revert to the
.attachment destination and use `xcparse` to export the screenshots.
Change iPad screenshots to portrait.

Then autogenerate framed screenshots in two steps:

- Export the UITests screenshots per device (`export.sh`)
- Embed the results in a HTML/CSS template and take snapshots with
Chrome headless (`compose.sh`)
- Repeat for all devices (iPhone, iPad, Mac and Apple TV)
- Save framed screenshots to the `fastlane` screenshots directory
2024-12-11 20:33:58 +01:00

73 lines
942 B
CSS

.iphone #background {
width: 1242px;
height: 2688px;
}
.iphone #background header {
height: 10em;
}
.iphone #background .heading {
font-size: 1.2em;
}
.iphone #box {
left: 15%;
bottom: -90%;
}
.iphone #iphone {
display: block;
}
#iphone .screenshot {
width: 900px;
top: 100px;
border-radius: 100px;
}
#iphone .frame {
width: 1000px;
top: 70px;
}
.screen-01.iphone .heading {
padding: 2em;
}
.screen-02.iphone .heading {
padding: 1em;
}
.screen-03.iphone .heading {
padding: 1em;
}
.screen-04.iphone .heading {
padding: 1em;
}
.screen-05.iphone .heading {
padding: 1.5em;
}
.screen-01 #iphone :nth-child(1) {
display: block;
}
.screen-02 #iphone :nth-child(2) {
display: block;
}
.screen-03 #iphone :nth-child(3) {
display: block;
}
.screen-04 #iphone :nth-child(4) {
display: block;
}
.screen-05 #iphone :nth-child(5) {
display: block;
}