Add rollover to top menu items

This commit is contained in:
oriol carbonell pujolàs 2023-11-13 13:11:33 +01:00 committed by jordi fita mas
parent e322ddd168
commit c3e1597972
1 changed files with 26 additions and 3 deletions

View File

@ -1,6 +1,6 @@
/**
* SPDX-FileCopyrightText: 2023 jordi fita mas <jordi@tandem.blog>
*
* SPDX-FileCopyrightText: 2023 Oriol Carbonell <info@oriolcarbonell.cat>
* SPDX-License-Identifier: GPL-3.0-only
*/
*, *::before, *::after {
@ -539,10 +539,33 @@ ul[role="menu"].action-menu li i[class^='ri-'] {
top: 100%;
}
#profile-menu summary:hover, #profile-menu summary:focus, ul[role="menu"].action-menu button:hover, ul[role="menu"].action-menu a:hover, body > nav a:hover {
background-color: var(--numerus--color--light-gray);
/* menu tauler */
#profile-menu summary:hover, #profile-menu summary:focus, ul[role="menu"].action-menu button:hover, ul[role="menu"].action-menu a:hover, body > nav a {
color: var(--numerus--text-color);
text-decoration: none;
transition: 0.25s ease;
}
#profile-menu summary:hover, #profile-menu summary:focus, ul[role="menu"].action-menu button:hover, ul[role="menu"].action-menu a:hover, body > nav ul:hover a {
color: #ccc;
}
#profile-menu summary:hover, #profile-menu summary:focus, ul[role="menu"].action-menu button:hover, ul[role="menu"].action-menu a:hover, body > nav ul:hover a:hover {
color: var(--numerus--text-color);
text-decoration: underline;
}
#profile-menu summary:active, #profile-menu summary:active, ul[role="menu"].action-menu button:active, ul[role="menu"].action-menu a:active, body > nav ul:active li:active a:active {
color: var(--numerus--text-color);
text-decoration: underline;
}
/* menu tauler final */
main > nav {
display: flex;
justify-content: space-between;