From 26b8fd1fe47e7754acd0f3be3fbfd9b928c1d0fb Mon Sep 17 00:00:00 2001
From: shortcuts <vannicattec@gmail.com>
Date: Tue, 17 Dec 2024 16:09:18 +0100
Subject: [PATCH] fix(css): older sass supported syntax

---
 packages/docsearch-css/src/button.css | 2 +-
 packages/docsearch-css/src/modal.css  | 2 +-
 packages/website/src/css/custom.css   | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/docsearch-css/src/button.css b/packages/docsearch-css/src/button.css
index 396bbb513..2677e85c7 100644
--- a/packages/docsearch-css/src/button.css
+++ b/packages/docsearch-css/src/button.css
@@ -68,7 +68,7 @@
   box-shadow: var(--docsearch-key-pressed-shadow);
 }
 
-@media (width <= 768px) {
+@media (max-width: 768px) {
   .DocSearch-Button-Keys,
   .DocSearch-Button-Placeholder {
     display: none;
diff --git a/packages/docsearch-css/src/modal.css b/packages/docsearch-css/src/modal.css
index 6c958e0cc..ba18df748 100644
--- a/packages/docsearch-css/src/modal.css
+++ b/packages/docsearch-css/src/modal.css
@@ -564,7 +564,7 @@ assistive tech users */
 }
 
 /* Responsive */
-@media (width <= 768px) {
+@media (max-width: 768px) {
   :root {
     --docsearch-spacing: 10px;
     --docsearch-footer-height: 40px;
diff --git a/packages/website/src/css/custom.css b/packages/website/src/css/custom.css
index 4808c66f1..2120f52c6 100644
--- a/packages/website/src/css/custom.css
+++ b/packages/website/src/css/custom.css
@@ -29,7 +29,7 @@ html[data-theme='dark'] {
 }
 
 /* DocSearch x Algolia logo */
-@media (width <=565px) {
+@media (max-width: 565px) {
   .navbar__logo .docsearch-nav-logo {
     width: 70%;
     height: auto;
@@ -38,7 +38,7 @@ html[data-theme='dark'] {
 }
 
 /* DocSearch x Algolia logo in sidebar */
-@media (width >=997px) {
+@media (min-width: 997px) {
   .theme-doc-sidebar-container .docsearch-nav-logo {
     height: auto;
   }