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 jordi fita mas <jordi@tandem.blog>
|
||||||
*
|
* SPDX-FileCopyrightText: 2023 Oriol Carbonell <info@oriolcarbonell.cat>
|
||||||
* SPDX-License-Identifier: GPL-3.0-only
|
* SPDX-License-Identifier: GPL-3.0-only
|
||||||
*/
|
*/
|
||||||
*, *::before, *::after {
|
*, *::before, *::after {
|
||||||
|
@ -539,10 +539,33 @@ ul[role="menu"].action-menu li i[class^='ri-'] {
|
||||||
top: 100%;
|
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 {
|
/* menu tauler */
|
||||||
background-color: var(--numerus--color--light-gray);
|
|
||||||
|
#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 {
|
main > nav {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
|
Loading…
Reference in New Issue