Add rollover to top menu items
This commit is contained in:
parent
e322ddd168
commit
c3e1597972
|
@ -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;
|
||||
|
|
Loading…
Reference in New Issue