X-Git-Url: https://vcs.fsf.org/?a=blobdiff_plain;ds=sidebyside;f=css%2Fmenubar-wordpress.css;h=e87fc6e5271735458f8a40d85d76cc4a43930139;hb=269f890e9d450ccbc54a91edb226e038d3800bce;hp=792b59e7dfbee94b5ffa55597ba8ba4945e6d0e2;hpb=b02b8e4d0c2e97bb4e82222bd5b05f3df27d2c1c;p=civicrm-core.git

diff --git a/css/menubar-wordpress.css b/css/menubar-wordpress.css
index 792b59e7df..e87fc6e527 100644
--- a/css/menubar-wordpress.css
+++ b/css/menubar-wordpress.css
@@ -1,4 +1,4 @@
-@media (min-width: 768px) {
+@media (min-width: $breakMin) {
 
   body.crm-menubar-over-cms-menu.crm-menubar-visible #wpbody {
     padding-top: 8px;
@@ -23,17 +23,17 @@
   }
 
   body.crm-menubar-below-cms-menu.crm-menubar-visible #wpbody {
-    padding-top: 40px;
+    padding-top: $menubarHeight;
   }
   body.crm-menubar-below-cms-menu.crm-menubar-visible.crm-menubar-wrapped #wpbody {
-    padding-top: 80px;
+    padding-top: calc($menubarHeight * 2);
   }
   body.crm-menubar-over-cms-menu.crm-menubar-visible.crm-menubar-wrapped #adminmenuwrap {
-    margin-top: 40px;
+    margin-top: $menubarHeight;
   }
 
 }
-@media (min-width: 768px) and (max-width: 960px) {
+@media (min-width: $breakMin) and (max-width: 960px) {
 
   /* For the auto-fold toolbar */
   .wp-toolbar body.crm-menubar-below-cms-menu.auto-fold > #civicrm-menu-nav #civicrm-menu {
@@ -42,7 +42,7 @@
   }
 
 }
-@media (max-width: 768px) {
+@media (max-width: $breakMax) {
 
   body #civicrm-menu-nav .crm-menubar-toggle-btn {
     position: absolute;