From 71cc7ff526c0ce0220952b01c45827825af9c26e Mon Sep 17 00:00:00 2001
From: Ryan Dee <ryan@skoolbus39.com>
Date: Thu, 14 Mar 2019 16:13:14 -0500
Subject: [PATCH] Add media queries for search background image
---
www/scss/search.scss | 41 +++++++++++++++++++++++++++++++++++++++++
1 file changed, 41 insertions(+)
diff --git a/www/scss/search.scss b/www/scss/search.scss
index f71d105..200ce98 100644
--- a/www/scss/search.scss
+++ b/www/scss/search.scss
@@ -16,6 +16,47 @@
text-align: center;
}
+.search-bg {
+ background-image: url('../images/search-bg-640.jpg');
+
+ @media (min-width: 640px) { background-image: url('../images/search-bg-960.jpg'); }
+ @media (min-width: 960px) { background-image: url('../images/search-bg-1280.jpg'); }
+ @media (min-width: 1280px) { background-image: url('../images/search-bg-1920.jpg'); }
+ @media (min-width: 1920px) { background-image: url('../images/search-bg-2560.jpg'); }
+
+ @media
+ only screen and (-webkit-min-device-pixel-ratio: 2),
+ only screen and (min-resolution: 192dpi),
+ only screen and (min-resolution: 2dppx) {
+ background-image: url('../images/search-bg-1280.jpg');
+
+ @media (min-width: 640px) { background-image: url('../images/search-bg-1920.jpg'); }
+ @media (min-width: 960px) { background-image: url('../images/search-bg-2560.jpg'); }
+ }
+
+}
+
+
+.webp .search-bg {
+ background-image: url('../images/search-bg-640.webp');
+
+ @media (min-width: 640px) { background-image: url('../images/search-bg-960.webp'); }
+ @media (min-width: 960px) { background-image: url('../images/search-bg-1280.webp'); }
+ @media (min-width: 1280px) { background-image: url('../images/search-bg-1920.webp'); }
+ @media (min-width: 1920px) { background-image: url('../images/search-bg-2560.webp'); }
+
+ @media
+ only screen and (-webkit-min-device-pixel-ratio: 2),
+ only screen and (min-resolution: 192dpi),
+ only screen and (min-resolution: 2dppx) {
+ background-image: url('../images/search-bg-1280.webp');
+
+ @media (min-width: 640px) { background-image: url('../images/search-bg-1920.webp'); }
+ @media (min-width: 960px) { background-image: url('../images/search-bg-2560.webp'); }
+ }
+
+}
+
#searchform .dcf-input-group {
margin: 0 auto;
--
GitLab