From 31ff246bdaec1565c390ffbf47cfcb999547706e Mon Sep 17 00:00:00 2001
From: Dannon Baker <dannon.baker@gmail.com>
Date: Thu, 15 Mar 2018 07:19:43 -0400
Subject: [PATCH] Add simple pxToRem converter

---
 client/galaxy/style/scss/galaxy_bootstrap/variables.scss | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/client/galaxy/style/scss/galaxy_bootstrap/variables.scss b/client/galaxy/style/scss/galaxy_bootstrap/variables.scss
index 5592a0aebfdd..e6b87c833b10 100644
--- a/client/galaxy/style/scss/galaxy_bootstrap/variables.scss
+++ b/client/galaxy/style/scss/galaxy_bootstrap/variables.scss
@@ -1,6 +1,10 @@
 // Everything is derived from $base-color
 // Caveat: currently only works for light colored backgrounds, scss provides functions (contrast) that could be used to improve this
 
+@function pxToRem($px) {
+    @return #{$px/16px}rem;
+}
+
 // Base color -- Based on the Galaxy masthead color
 $base-color-1: #2C3143;
 $base-color-2: lighten($base-color-1,25%);
@@ -332,7 +336,7 @@ $grid-float-breakpoint:     0px;
 // -------------------------
 
 // Basics of a navbar
-$navbar-height:                    33px;
+$navbar-height:                    pxToRem(33px);
 $navbar-margin-bottom:             $line-height-computed;
 $navbar-default-color:             #777;
 $navbar-default-bg:                $gray-lighter; // JT #f8f8f8;