|
@@ -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%;
|