[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 <markus.heiser@darmarit.de>
This commit is contained in:
Markus Heiser 2021-12-05 10:02:25 +01:00
parent 87d1106414
commit 2981102cb8
2 changed files with 6 additions and 2 deletions

View file

@ -7,8 +7,7 @@
max-height: 0; max-height: 0;
overflow-y: hidden; overflow-y: hidden;
text-align: left; text-align: left;
border-bottom-left-radius: 10px; .rounded-bottom-corners;
border-bottom-right-radius: 10px;
&:active, &:active,
&:focus, &:focus,

View file

@ -18,6 +18,11 @@
border-radius: @radius; border-radius: @radius;
} }
.rounded-bottom-corners (@radius: 10px) {
border-bottom-left-radius: @radius;
border-bottom-right-radius: @radius;
}
.rounded-corners-tiny (@radius: 5px) { .rounded-corners-tiny (@radius: 5px) {
border-radius: @radius; border-radius: @radius;
} }