Redo Color Theme and css cleanup

* remove vars and add elements to base and btn vars
* change default border radius to 10px and padding to 0.7em
* put border radius and padding on search input form, infoxbox and buttons
* remove unused .help class in #categories_container
* remove active background from tabs to straemline design
* redo search form: 10px padding
* 2rem margin on search results on desktop
* fix modal pacement of engine reliability in prefs
* use darker accent colors
* streamline autocomplete with more padding and a hover effect
This commit is contained in:
MrPaulBlack 2021-10-06 20:12:51 +02:00
parent 7c2a518d12
commit 740fca00cc
7 changed files with 79 additions and 114 deletions

View file

@ -5,11 +5,12 @@
max-height: 0;
overflow-y: hidden;
text-align: left;
.rounded-corners;
&:active,
&:focus,
&:hover {
background-color: var(--color-autocompoleter-background);
background-color: var(--color-autocomplete-background);
}
&:empty {
@ -23,12 +24,13 @@
> li {
cursor: pointer;
padding: 5px 0 5px 10px;
padding: 8px 0 8px 8px;
&.active,
&:active,
&:focus {
background-color: var(--color-base);
&:focus,
&:hover {
background-color: var(--color-autocomplete-background-hover);
a:active,
a:focus,
@ -45,8 +47,8 @@
&.open {
display: block;
background-color: var(--color-autocompleter-background);
border: 1px solid var(--color-base);
background-color: var(--color-autocomplete-background);
border: 1px solid var(--color-base-border);
max-height: 500px;
overflow-y: auto;
z-index: 100;
@ -63,7 +65,6 @@
}
.autocomplete > ul > li {
padding: 7px 0 7px 10px;
border-bottom: 1px solid var(--color-result-top-border);
text-align: left;
}