feature: labelled avatar on menu

src/styles/header/_index.scss

@@ -16,15 +16,21 @@ header {
 
   /* Remove the disclosure triangle */
   details {
-
-    summary {
-
-      /* on Firefox v.<69 */
-      &::-moz-list-bullet {
-        list-style-type: none;
+    &[open] {
+      summary {
+        background-color: var(--color-heading);
+        color: #fff;
+        .text-color-heading {
+          color: #fff;
+        }
       }
-      /* on Chrome */
-      &::-webkit-details-marker {
+    }
+    summary {
+      display: block;
+      cursor: pointer;
+      padding-right: 15px;
+      padding-left: 15px;
+      &::marker {
         display: none;
       }
     }
@@ -245,62 +251,4 @@ header {
       }
     }
   }
-
-  #user-controls {
-    padding: 0;
-    -webkit-touch-callout: none;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-
-    summary {
-      cursor: pointer;
-      display: block; /* To remove the disclosure triangle on Firefox v.>=69 */
-
-      &:focus {
-        background-color: transparent;
-        color: white;
-        outline: none;
-
-        @media(min-width: 1024px) {
-          background-color: var(--color-heading);
-        }
-      }
-    }
-
-    #user-controls__panel {
-      height: 0;
-      position: absolute;
-      right: 0;
-      z-index: 1;
-      /* Quick fix for mobile version */
-      width: 215px;
-      top: 42px;
-
-      @media(min-width: 1024px) {
-        width: 100%;
-        top: 72px;
-      }
-
-      >nav {
-        box-shadow: 0 7px 8px 0 rgba(0, 0, 0, 0.16);
-        position: absolute;
-        right: 0;
-        top: 0;
-        height: auto;
-        width: 100%;
-
-        solid-link,
-        button {
-          display: block;
-        }
-
-        button {
-          width: 100%;
-          text-align: left;
-        }
-      }
-    }
-  }
 }

src/styles/index.scss

@@ -8,4 +8,4 @@ main {
 
 @import 'header/_index';
 @import 'left-nav/_index';
-@import 'content/_index';
+@import 'content/_index';