add ios specific css for fixing the background images (#115)
Signed-off-by: Emruz Hossain <emruz@appscode.com>
This commit is contained in:
parent
52fbd819a4
commit
c4743b17e0
1 changed files with 13 additions and 0 deletions
|
@ -18,6 +18,19 @@
|
||||||
background-size: cover;
|
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 {
|
.content {
|
||||||
position: relative;
|
position: relative;
|
||||||
top: -65%;
|
top: -65%;
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue