From 2981102cb81f85d8ea7e816257b10a0cf404eeec Mon Sep 17 00:00:00 2001 From: Markus Heiser Date: Sun, 5 Dec 2021 10:02:25 +0100 Subject: [PATCH] [mod] move border radius of .autocomplete to a LESS mixin Create `.rounded-bottom-corners()` mixin in less/mixins.less Suggested-by: @mrpaulblack https://github.com/searxng/searxng/pull/426#pullrequestreview-786137688 Signed-off-by: Markus Heiser --- searx/static/themes/simple/src/less/autocomplete.less | 3 +-- searx/static/themes/simple/src/less/mixins.less | 5 +++++ 2 files changed, 6 insertions(+), 2 deletions(-) diff --git a/searx/static/themes/simple/src/less/autocomplete.less b/searx/static/themes/simple/src/less/autocomplete.less index 01d40f133..c1f361b27 100644 --- a/searx/static/themes/simple/src/less/autocomplete.less +++ b/searx/static/themes/simple/src/less/autocomplete.less @@ -7,8 +7,7 @@ max-height: 0; overflow-y: hidden; text-align: left; - border-bottom-left-radius: 10px; - border-bottom-right-radius: 10px; + .rounded-bottom-corners; &:active, &:focus, diff --git a/searx/static/themes/simple/src/less/mixins.less b/searx/static/themes/simple/src/less/mixins.less index 75c6703a1..b241effe8 100644 --- a/searx/static/themes/simple/src/less/mixins.less +++ b/searx/static/themes/simple/src/less/mixins.less @@ -18,6 +18,11 @@ border-radius: @radius; } +.rounded-bottom-corners (@radius: 10px) { + border-bottom-left-radius: @radius; + border-bottom-right-radius: @radius; +} + .rounded-corners-tiny (@radius: 5px) { border-radius: @radius; }