From e326517213204934deada6183814deb0c3d9f832 Mon Sep 17 00:00:00 2001
From: jdlrobson <jdlrobson@gmail.com>
Date: Mon, 6 Apr 2020 14:57:13 -0700
Subject: [PATCH] Add and use LESS variable for personal menu top offset

Going into the header work, we'll need this variable available so
that we can align the header with the personal tools menu.

Per Volker's request we change the value to `px` from `em`s.
Previously it was 5.28333px. It will now be 6px.

Bug: T246170
Change-Id: Ic1514e8592db8ef168fc846b8f8e485fdd465e49
---
 resources/skins.vector.styles/PersonalMenu.less | 2 +-
 variables.less                                  | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/resources/skins.vector.styles/PersonalMenu.less b/resources/skins.vector.styles/PersonalMenu.less
index 8d6e725..56e87ac 100644
--- a/resources/skins.vector.styles/PersonalMenu.less
+++ b/resources/skins.vector.styles/PersonalMenu.less
@@ -4,7 +4,7 @@
 /* Personal */
 #p-personal {
 	position: absolute;
-	top: 0.33em;
+	top: @top-personal-tools;
 	right: 0.75em;
 	z-index: @z-index-personal;
 
diff --git a/variables.less b/variables.less
index c44c3f7..513a85f 100644
--- a/variables.less
+++ b/variables.less
@@ -94,6 +94,7 @@
 // Navigation: Personal tools
 @background-position-nav-personal-icon: left ( 4 / @font-size-browser / @font-size-nav-personal );
 @background-size-nav-personal-icon: 14 / @font-size-browser / @font-size-nav-personal;
+@top-personal-tools: 6px;
 @font-size-nav-personal: 0.75em;
 // Using `unit()` without second parameter to achieve a unitless output for `line-height`.
 @line-height-nav-personal: unit( 14 / @font-size-browser / @font-size-nav-personal ); // Equals `1.667`.