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