diff options
| author | MrPaulBlack <paul.accounts@protonmail.com> | 2021-09-28 22:41:56 +0200 |
|---|---|---|
| committer | MrPaulBlack <paul.accounts@protonmail.com> | 2021-10-09 16:00:55 +0200 |
| commit | 452b26638756e8412566bc320959402f6016565f (patch) | |
| tree | b4d6ca3293d1ffa8da17ac1919eae503c2497a12 /searx/static/themes/simple/src/less/search.less | |
| parent | 878d5d657c1064762da70b03b488517a2b82e759 (diff) | |
| download | searxng-452b26638756e8412566bc320959402f6016565f.tar.gz searxng-452b26638756e8412566bc320959402f6016565f.zip | |
[theme] convert less vars to css vars in simple theme
Diffstat (limited to 'searx/static/themes/simple/src/less/search.less')
| -rw-r--r-- | searx/static/themes/simple/src/less/search.less | 30 |
1 files changed, 15 insertions, 15 deletions
diff --git a/searx/static/themes/simple/src/less/search.less b/searx/static/themes/simple/src/less/search.less index d10efac24..04a1bef30 100644 --- a/searx/static/themes/simple/src/less/search.less +++ b/searx/static/themes/simple/src/less/search.less @@ -5,8 +5,8 @@ #search { padding: 0 2em 0 @results-offset; margin: 0; - background: @color-header-background; - border-bottom: 1px solid @color-header-border; + background: var(--color-header-background); + border-bottom: 1px solid var(--color-header-border); } #search_wrapper { @@ -34,19 +34,19 @@ margin: 0; padding: 2px; height: 2.2em; - background: none repeat scroll 0 0 @color-search-background; - border-top: 1px solid @color-search-border; - border-bottom: 1px solid @color-search-border; + background: none repeat scroll 0 0 var(--color-search-background); + border-top: 1px solid var(--color-search-border); + border-bottom: 1px solid var(--color-search-border); border-right: none; border-left: none; border-radius: 0; outline: none; - color: @color-search-font; + color: var(--color-search-font); font-size: 16px; z-index: 10000; &:hover { - color: @color-search-border; + color: var(--color-search-border); } &.empty * { @@ -62,11 +62,11 @@ margin: 0; padding: 2px; height: 2.2em; - background: none repeat scroll 0 0 @color-search-background; - border: 1px solid @color-search-border; + background: none repeat scroll 0 0 var(--color-search-background); + border: 1px solid var(--color-search-border); border-radius: 0; outline: none; - color: @color-search-font; + color: var(--color-search-font); font-size: 16px; z-index: 2; } @@ -90,8 +90,8 @@ &:hover { cursor: pointer; - background-color: @color-search-border; - color: @color-base-light; + background-color: var(--color-search-border); + color: var(--color-base-light); } } @@ -233,9 +233,9 @@ } */ input[type="checkbox"]:checked + label { - background: @color-categories-item-selected; - color: @color-categories-item-selected-font; - border-bottom: 2px solid @color-categories-item-border-selected; + background: var(--color-categories-item-selected); + color: var(--color-categories-item-selected-font); + border-bottom: 2px solid var(--color-categories-item-border-selected); } } |