quatuorbellefeuille.com

commit 4b730727569cffbfa4bcfe3cd996c56d615ad96d
parent 786144052cae336a0c48fdfa576cffdafe9cae4a
Author: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date:   Sun,  7 Feb 2021 21:08:11 +0100

Use alternative background sizes

Diffstat:
M
stylesheets/index.css
 | 
21
+++++++++++++++++++--

1 file changed, 19 insertions(+), 2 deletions(-)
diff --git a/stylesheets/index.css b/stylesheets/index.css
@@ -1,6 +1,23 @@
 body {
-    background: no-repeat center/cover url('backgroundflip.jpg');
-    background-position: 70% 30%;
+    background: no-repeat 70% 30%/cover black url('/images/index/bg1k.jpg');
+}
+
+@media (min-width: 1024px), (min-height: 600px) {
+    body {
+        background-image: url('/images/index/bg2k.jpg');
+    }
+}
+
+@media (min-width: 2048), (min-height: 1300px) {
+    body {
+        background-image: url('/images/index/bg4k.jpg');
+    }
+}
+
+@media (min-width: 4096px), (min-height: 2700px) {
+    body {
+        background-image: url('/images/index/bgmax.jpg');
+    }
 }
 
 main {