MaDgIK
/
openaire-theme
13
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Dropdown add shadow

This commit is contained in:
Konstantinos Triantafyllou 2022-03-30 20:51:09 +03:00
parent 08fdb662a6
commit ca92c36bad
1 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
css/structure/dropdown.css
View File

@ -1,5 +1,6 @@
:root {
--dropdown-background: var(--light-color);
--dropdown-shadow: var(--shadow-main);
--dropdown-color: var(--grey-color);
--dropdown-background-hover: var(--light-blue);
--dropdown-font-size: 14px;
@ -8,6 +9,7 @@
.uk-navbar-dropdown, .uk-dropdown {
background: var(--dropdown-background);
box-shadow: var(--dropdown-shadow);
border-radius: 0;
padding: 5px 0;
}
@ -15,9 +17,14 @@
.uk-navbar-dropdown-nav > li > a, .uk-dropdown-nav > li > a {
padding: 5px 30px;
background: transparent;
color: var(--dropdown-color);
color: var(--dropdown-color) !important;
font-weight: normal;
display: inherit;
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
white-space: nowrap;
}
.uk-navbar-dropdown-nav > li:hover > a, .uk-dropdown-nav > li:hover > a,
@ -25,6 +32,10 @@
background: var(--dropdown-background-hover);
}
.uk-navbar-dropdown-nav > li.uk-active > a, .uk-dropdown-nav > li.uk-active > a {
font-weight: 600;
}
.uk-nav > .uk-nav-divider {
margin: 5px 0;
}