header menus + languages in header, fix #15

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

@@ -79,47 +79,12 @@ header[role="banner"]{
       text-indent: 500px;
       overflow: hidden;
     }
-    // font-size: 1.5em;
-    // text-transform: lowercase;
-    // a{
-    //   $col_w:3.74em;
-    //   $col_gap:2em;
-    //   line-height: 0.93;
-    //   text-align: center;
-    //   color: inherit;
-    //   text-decoration: none;
-    //   display: inline-block;
-    //   columns:$col_w 2;
-    //   column-gap: $col_gap;
-    //   word-break:break-all;
-    //   hyphens:auto;
-    //   position: relative;
-    //   &:after, &:before{
-    //     content: '';
-    //     position: absolute;
-    //     top:50%;
-    //     height:0;
-    //   }
-    //   &:before{
-    //     left:$col_w;
-    //     border-bottom:0.08em solid #000;
-    //     width:2.5em;
-    //     transform: rotateZ(-45deg);
-    //   }
-    //   &:after{
-    //     $w:0.5em;
-    //     top:47%;
-    //     left:($col_w+$col_gap/2);
-    //     border-top:0.2em solid red;
-    //     width:$w;
-    //     transform: rotateZ(45deg);
-    //   }
-    // }
   }
 }
 
 #block-mainnavigation{
   float:right;
+  margin-top: 30px;
   ul{
     margin:0; padding: 0;
     white-space: nowrap;
@@ -137,7 +102,7 @@ header[role="banner"]{
           display:inline-block;
           $sq:0.6em;
           width: $sq; height:$sq;
-          border: 1px solid #000;
+          border: 1px solid red;
           margin-right: 0.3em;
         }
         &.ajax-loading:before{
@@ -153,6 +118,40 @@ header[role="banner"]{
   }
 }
 
+.block-language{
+  float: right;
+  margin-top: 29px;
+  margin-left: 2em;
+  ul{
+    margin:0; padding:0;
+    li{
+      display: inline-block; vertical-align: middle;
+      list-style: none;
+      a{
+        font-size: 0.690em;
+        color:inherit;
+        text-decoration: none;
+        text-transform: capitalize;
+        margin-left: 0.8em;
+        &:before{
+          content: "";
+          display:inline-block;
+          $sq:0.6em;
+          width: $sq; height:$sq;
+          border: 1px solid red;
+          margin-right: 0.3em;
+        }
+      }
+      &.is-active,
+      &:hover{
+        a:before{
+          border-color: red;
+          background-color: red;
+        }
+      }
+    }
+  }
+}
 
 //             _
 //  _ __  __ _(_)_ _

sites/all/themes/custom/edlptheme/assets/styles/base/_layout.scss

@@ -29,6 +29,10 @@ header[role="banner"]{
     border-bottom: 1px solid red;
     // TODO: what header height to fit well with player ??
     height:70px;
+    >.region{
+      height:100%;
+      position: relative;
+    }
   }
 }