Project-nav bg

app/styles/dependencies/elements.scss

@@ -47,3 +47,8 @@ ol { list-style: decimal; }
     background: url('/images/bg.png') no-repeat center center;
     background-size: cover;
 }
+
+%backgound-taiga {
+    background: url('/images/invitation_bg.jpg') no-repeat center center;
+    background-size: cover;
+}

app/styles/layout/base.scss

@@ -48,7 +48,7 @@ body {
         .projects-nav-overlay {
             @include transform(translate3d(300px, 0, 0));
             @include transition (all 1s ease);
-            opacity: .7;
+            opacity: .9;
         }
     }
     &.loading-project {

app/styles/layout/invitation.scss

@@ -1,7 +1,6 @@
 .invitation-main {
     @include table-flex(center, center, flex, row, wrap, center);
-    background: url('/images/invitation_bg.jpg') no-repeat center center;
-    background-size: cover;
+    @extend %backgound-taiga;
     bottom: 0;
     left: 0;
     position: fixed;

app/styles/modules/common/projects-nav.scss

@@ -86,6 +86,7 @@
 
 .projects-nav-overlay {
     @include transition (all 1s ease);
+    @extend %triangled-bg;
     background-color: $black;
     bottom: 0;
     display: none;