diff --git a/TODO.md b/TODO.md new file mode 100644 index 0000000..a9b87aa --- /dev/null +++ b/TODO.md @@ -0,0 +1,2 @@ +## Services Page +* Have background change as scrolling down the services? diff --git a/components/ContentPage.vue b/components/ContentPage.vue index 103aa88..3ccbd58 100644 --- a/components/ContentPage.vue +++ b/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 { diff --git a/components/SiteMenu.vue b/components/SiteMenu.vue index 09832b1..c2b6e34 100644 --- a/components/SiteMenu.vue +++ b/components/SiteMenu.vue @@ -50,6 +50,7 @@ export default { } @media (min-width: $bp__layout) { + width: 50%; max-width: 30em; top: 0; right: 100%;