Rename #profilemenu to #profile-menu, for consistency
This commit is contained in:
parent
873d36abab
commit
3117c9a268
|
@ -386,11 +386,11 @@ fieldset {
|
|||
|
||||
/* Profile Menu */
|
||||
|
||||
#profilemenu {
|
||||
#profile-menu {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#profilemenu summary {
|
||||
#profile-menu summary {
|
||||
width: 7rem;
|
||||
height: 7rem;
|
||||
margin: 1rem 0;
|
||||
|
@ -401,19 +401,19 @@ fieldset {
|
|||
border: none;
|
||||
}
|
||||
|
||||
#profilemenu summary::-webkit-details-marker {
|
||||
#profile-menu summary::-webkit-details-marker {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#profilemenu summary, #profilemenu button {
|
||||
#profile-menu summary, #profile-menu button {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#profilemenu summary, #profilemenu ul {
|
||||
#profile-menu summary, #profile-menu ul {
|
||||
background-color: var(--numerus--background-color);
|
||||
}
|
||||
|
||||
#profilemenu[open] summary::before {
|
||||
#profile-menu[open] summary::before {
|
||||
background-color: var(--numerus--header--background-color);
|
||||
position: fixed;
|
||||
top: 0;
|
||||
|
@ -426,7 +426,7 @@ fieldset {
|
|||
mix-blend-mode: multiply;
|
||||
}
|
||||
|
||||
#profilemenu ul {
|
||||
#profile-menu ul {
|
||||
list-style: none;
|
||||
position: absolute;
|
||||
right: -1.875em;
|
||||
|
@ -435,11 +435,11 @@ fieldset {
|
|||
z-index: 20;
|
||||
}
|
||||
|
||||
#profilemenu li + li {
|
||||
#profile-menu li + li {
|
||||
border-top: 1px solid var(--numerus--color--black);
|
||||
}
|
||||
|
||||
#profilemenu button, #profilemenu a {
|
||||
#profile-menu button, #profile-menu a {
|
||||
font-size: 2rem;
|
||||
font-style: italic;
|
||||
height: 8rem;
|
||||
|
@ -453,15 +453,15 @@ fieldset {
|
|||
text-transform: initial;
|
||||
}
|
||||
|
||||
#profilemenu li i[class^='ri-'] {
|
||||
#profile-menu li i[class^='ri-'] {
|
||||
margin-right: 2rem;
|
||||
color: var(--numerus--color--dark-gray);
|
||||
}
|
||||
|
||||
#profilemenu summary:hover
|
||||
, #profilemenu summary:focus
|
||||
, #profilemenu button:hover
|
||||
, #profilemenu a:hover
|
||||
#profile-menu summary:hover
|
||||
, #profile-menu summary:focus
|
||||
, #profile-menu button:hover
|
||||
, #profile-menu a:hover
|
||||
, nav a:hover
|
||||
{
|
||||
background-color: var(--numerus--color--light-gray);
|
||||
|
|
|
@ -9,7 +9,7 @@
|
|||
<body>
|
||||
<header>
|
||||
<h1><img src="/static/numerus.svg" alt="Numerus" width="261" height="33"></h1>
|
||||
<details id="profilemenu">
|
||||
<details id="profile-menu">
|
||||
<summary>
|
||||
<i class="ri-eye-close-line ri-3x"></i>
|
||||
</summary>
|
||||
|
|
Loading…
Reference in New Issue