site menu width

TODO.md

@@ -0,0 +1,2 @@
+## Services Page
+* Have background change as scrolling down the services?

components/ContentPage.vue

@@ -104,9 +104,15 @@ $z-index-top: 10;
   top: 0;
   right: 0;
 
+  padding: 2rem;
+
   @media (min-width: $bp__layout) {
     width: 50%;
+
+    background-color: rgba(0, 0, 0, .3);
   }
+
+  color: #fff; // TEMP
 }
 
 .background-container {

components/SiteMenu.vue

@@ -50,6 +50,7 @@ export default {
   }
 
   @media (min-width: $bp__layout) {
+    width: 50%;
     max-width: 30em;
     top: 0;
     right: 100%;