Use variable for menubar height

[civicrm-core.git] / css / menubar-joomla.css

diff --git a/css/menubar-joomla.css b/css/menubar-joomla.css
index 482f8c2ac643b9f7324a2add0e65bfded763d848..57ae08c6b9ce885f1b4da06dd0c2ddd6a72b4eea 100644 (file)
--- a/css/menubar-joomla.css
+++ b/css/menubar-joomla.css
@@ -1,17 +1,17 @@
 @media (min-width: 768px) {
 
   body.crm-menubar-over-cms-menu.crm-menubar-visible {
-    padding-top: 40px;
+    padding-top: $menubarHeight;
   }
   body.crm-menubar-over-cms-menu.crm-menubar-visible.crm-menubar-wrapped {
-    padding-top: 80px;
+    padding-top: calc($menubarHeight * 2);
   }
 
   body.crm-menubar-below-cms-menu.crm-menubar-visible {
-    margin-top: 40px;
+    margin-top: $menubarHeight;
   }
   body.crm-menubar-below-cms-menu.crm-menubar-visible.crm-menubar-wrapped {
-    margin-top: 80px;
+    margin-top: calc($menubarHeight * 2);
   }
 
 }