From 6204ef665f5418ed7b4b188e04d36f3c685f5fd3 Mon Sep 17 00:00:00 2001
From: MrPaulBlack <paul.accounts@protonmail.com>
Date: Mon, 18 Oct 2021 21:57:32 +0200
Subject: [simple theme] define device width with less vars in defenition.less

---
 searx/static/themes/simple/src/less/style.less | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

(limited to 'searx/static/themes/simple/src/less/style.less')

diff --git a/searx/static/themes/simple/src/less/style.less b/searx/static/themes/simple/src/less/style.less
index 1a5418164..1f6bb4516 100644
--- a/searx/static/themes/simple/src/less/style.less
+++ b/searx/static/themes/simple/src/less/style.less
@@ -569,7 +569,7 @@ article.result-images[data-vim-selected]::before {
   }
 }
 
-@media screen and (max-width: 80em) {
+@media screen and (max-width: @tablet) {
   #main_preferences,
   #main_about,
   #main_stats {
@@ -710,7 +710,7 @@ article.result-images[data-vim-selected]::before {
   }
 }
 
-@media screen and (max-width: 50em) {
+@media screen and (max-width: @phone) {
   #main_results div#results {
     grid-template-columns: 100%;
     margin: 2rem 0 0 0;
@@ -767,7 +767,7 @@ article.result-images[data-vim-selected]::before {
   }
 }
 
-@media screen and (max-width: 35em) {
+@media screen and (max-width: @small-phone) {
   .result-videos {
     img.thumbnail {
       float: none !important;
-- 
cgit v1.2.3