From 2e2f64867782feefaf1c3d063a175a8caa9de450 Mon Sep 17 00:00:00 2001
From: Damillora <damillora@damillora.com>
Date: Wed, 14 Apr 2021 19:04:44 +0700
Subject: [PATCH] fix(theme): try to fix background url

---
 partials/header-background.hbs | 13 +++----------
 partials/site-background.hbs   | 10 +---------
 2 files changed, 4 insertions(+), 19 deletions(-)
diff --git a/partials/header-background.hbs b/partials/header-background.hbs
index 0d404a2..c183be6 100644
--- a/partials/header-background.hbs
+++ b/partials/header-background.hbs
@@ -17,26 +17,19 @@ for it, and apply those styles to the <header> tag. Else, we just output a <head
             .responsive-header-img {
                 background-image: url({{img_url background size='xl'}});
                 background-size: cover;
-                background-position: center;
             }
 
             @media(max-width: 1000px) {
                 .responsive-header-img {
                     background-image: url({{img_url background size='l'}});
-                    background-image: -webkit-image-set(url({{img_url background size='l'}}) 1x,
-                        url({{img_url background size='xl'}}) 2x);
-                    background-image: image-set(url({{img_url background size='l'}}) 1x,
-                        url({{img_url background size='xl'}}) 2x);
+                    background-position: center;
                 }
             }
 
             @media(max-width: 600px) {
                 .responsive-header-img {
                     background-image: url({{img_url background size='m'}});
-                    background-image: -webkit-image-set(url({{img_url background size='m'}}) 1x,
-                        url({{img_url background size='l'}}) 2x);
-                    background-image: image-set(url({{img_url background size='m'}}) 1x,
-                        url({{img_url background size='l'}}) 2x);
+                    background-position: center;
                 }
             }
         </style>
@@ -44,4 +37,4 @@ for it, and apply those styles to the <header> tag. Else, we just output a <head
         {{else}}
 
 
-        {{/if}}
\ No newline at end of file
+        {{/if}}
diff --git a/partials/site-background.hbs b/partials/site-background.hbs
index 020fe14..db0c6e3 100644
--- a/partials/site-background.hbs
+++ b/partials/site-background.hbs
@@ -22,10 +22,6 @@ for it, and apply those styles to the <header> tag. Else, we just output a <head
             @media(max-width: 1000px) {
                 .responsive-site-header-img {
                     background-image: url({{img_url @site.cover_image size='l'}});
-                    background-image: -webkit-image-set(url({{img_url @site.cover_image size='l'}}) 1x,
-                        url({{img_url @site.cover_image size='xl'}}) 2x);
-                    background-image: image-set(url({{img_url @site.cover_image size='l'}}) 1x,
-                        url({{img_url @site.cover_image size='xl'}}) 2x);
                     background-position: right 25% top 20%;
                 }
             }
@@ -33,10 +29,6 @@ for it, and apply those styles to the <header> tag. Else, we just output a <head
             @media(max-width: 600px) {
                 .responsive-site-header-img {
                     background-image: url({{img_url @site.cover_image size='m'}});
-                    background-image: -webkit-image-set(url({{img_url @site.cover_image size='m'}}) 1x,
-                        url({{img_url @site.cover_image size='l'}}) 2x);
-                    background-image: image-set(url({{img_url @site.cover_image size='m'}}) 1x,
-                        url({{img_url @site.cover_image size='l'}}) 2x);
                     background-position: right 25% top 20%;
                 }
             }
@@ -44,4 +36,4 @@ for it, and apply those styles to the <header> tag. Else, we just output a <head
 
         {{else}}
 
-        {{/if}}
\ No newline at end of file
+        {{/if}}
