created production menu block, styled links, ajaxified links

sites/all/themes/custom/edlptheme/assets/styles/app.scss

@@ -25,6 +25,14 @@ header[role="banner"]{
   pointer-events: all;
 }
 
+@mixin spining-loader-square{
+  @keyframes rotation {
+    from {transform: rotate(0deg);}
+    to   {transform: rotate(359deg);}
+  }
+  animation: rotation 2s infinite linear;
+}
+
 #block-edlptheme-branding{
   display: inline-block;
   h1{
@@ -91,11 +99,7 @@ header[role="banner"]{
           margin-right: 0.3em;
         }
         &.ajax-loading:before{
-          @keyframes rotation {
-            from {transform: rotate(0deg);}
-            to   {transform: rotate(359deg);}
-          }
-          animation: rotation 2s infinite linear;
+          @include spining-loader-square;
         }
         &.is-active:before,
         &:hover:before{
@@ -228,9 +232,7 @@ body.path-productions{
       >.wrapper{
         margin-bottom: 1em;
         padding:0;
-        >*{
-          padding:0;
-        }
+        >*{padding:0;}
 
         article.node{
           .field--name-field-visuel{
@@ -307,16 +309,9 @@ footer{
     // outline: 1px dotted purple;
     // position: relative;
   }
-  .region-footer-left{
-    text-align: left;
-  }
-  .region-footer-center{
-    text-align: center;
-  }
-  .region-footer-right{
-    text-align: right;
-    min-width: 30px;
-  }
+  .region-footer-left{text-align: left;}
+  .region-footer-center{text-align: center;}
+  .region-footer-right{text-align: right;min-width: 30px;}
 
   nav.block-menu{
     display: inline-block;
@@ -362,6 +357,34 @@ footer{
     }
   }
 
+  #block-productions{
+    ul{
+      white-space: nowrap;
+      li{
+        a{
+          // outline: 1px solid blue;
+          pointer-events: all;
+          background-color: #fff;
+          padding-right: 0.4em;
+          &:before{
+            content: "";
+            display:inline-block;
+            $sq:7px;
+            width: $sq; height:$sq;
+            border: 1px solid red;
+            margin-right: 0.5em;
+          }
+          &:hover:before{
+            background-color: red;
+          }
+          &.ajax-loading:before{
+            @include spining-loader-square;
+          }
+        }
+      }
+    }
+  }
+
   .block-block-edlp-entrees{
     display: inline-block;
     // vertical-align: top;