Merge similar properties and apply arrow to menu class

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

1 files changed, 15 insertions, 23 deletions

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