Add background overlay and initial drop shadow for MMenu. WIP #1501 @0:25

diff --git a/style/mmenu/mmenu.less b/style/mmenu/mmenu.less
index 8458847a5466e62de9c6dbb9db3a35b93d234958..bcbef1f69127565d71577341efc181feee67f3df 100644 (file)
--- a/style/mmenu/mmenu.less
+++ b/style/mmenu/mmenu.less
@@ -57,6 +57,10 @@
 }
 
 // Page overlay opacity
+#mm-blocker {
+  background-color: #000;
+  opacity: 0;
+}
 html.mm-opening .mm-menu.mm-opened[class*=mm-pagedim]~#mm-blocker {
   opacity: 0.5;
   transition: opacity .4s ease 0s; // No delay before fading in the overlay
@@ -74,6 +78,7 @@ html.mm-opening .mm-menu.mm-opened[class*=mm-pagedim]~#mm-blocker {
   //white-space: nowrap;
   background-color: @menu-background;
   color: @menu-text;
+  box-shadow: rgba(0, 0, 0, 0.2) -5px 6px 13px 0px; // ToDo: adjust drop-shadow depending on which side the menu comes from
 
   a, li > span {
     padding: 10px 10px 10px 29px;