add ios specific css for fixing the background images

This commit is contained in:
as027811 2020-10-21 01:59:53 -04:00
parent 5d165e10c4
commit b97e8aae91

View file

@ -18,6 +18,19 @@
background-size: cover;
}
/*
Resolves https://github.com/hossainemruz/toha/issues/70
fixed attached images use the whole <body> size. On mobile this can get really
tall which blows your image out. Setting the attachment back to scroll allows
your cover image to stretch within its own container
*/
@supports (-webkit-touch-callout: none) {
.background {
background-attachment: scroll;
}
}
.content {
position: relative;
top: -65%;