Merge similar properties and apply arrow to menu class

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>

diff --git a/core/css/header.scss b/core/css/header.scss
index 21b8cff4d28f8fbdb4b14db9afafcd2bb093cb80..2b73937a3c4412cf1434df4afc4a0168f7a966cd 100644 (file)
--- a/core/css/header.scss
+++ b/core/css/header.scss
@@ -20,6 +20,21 @@
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
+
+       /* Dropdown menu arrow */
+       &.menu:after,
+       .menu:after {
+               border: 10px solid transparent;
+               border-color: transparent;
+               border-bottom-color: #fff;
+               bottom: 100%;
+               content: ' ';
+               height: 0;
+               width: 0;
+               position: absolute;
+               pointer-events: none;
+               margin-left: -10px;
+       }
 }
 
 /* removed until content-focusing issue is fixed */
@@ -194,21 +209,8 @@
        border-top-right-radius: 0;
        display: none;
        box-sizing: border-box;
-       /*overflow-y: auto;
-       overflow-x: hidden;*/
        z-index: 2000;
        &:after {
-               bottom: 100%;
-               border: solid transparent;
-               content: ' ';
-               height: 0;
-               width: 0;
-               position: absolute;
-               pointer-events: none;
-               border-color: rgba(0, 0, 0, 0);
-               border-bottom-color: rgba(255, 255, 255, 0.97);
-               border-width: 10px;
-               margin-left: -10px;
                left: 47%;
        }
        * {
@@ -381,16 +383,6 @@
        &:after {
                /* position of dropdown arrow */
                right: 15px;
-               border: 10px solid transparent;
-               border-color: transparent;
-               border-bottom-color: #fff;
-               bottom: 100%;
-               content: ' ';
-               height: 0;
-               width: 0;
-               position: absolute;
-               pointer-events: none;
-               margin-left: -10px;
        }
        a {
                display: block;