From 3017bae892fd83e3fe22f0a6bc201cbc0aa3e2c1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?John=20Molakvo=C3=A6=20=28skjnldsv=29?=
 <skjnldsv@protonmail.com>
Date: Thu, 26 Jan 2017 15:50:18 +0100
Subject: [PATCH] Merge similar properties and apply arrow to menu class
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
---
 core/css/header.scss | 38 +++++++++++++++-----------------------
 1 file changed, 15 insertions(+), 23 deletions(-)

diff --git a/core/css/header.scss b/core/css/header.scss
index 21b8cff4d2..2b73937a3c 100644
--- 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;