commit 513658788e4181007173218dfd1d455ea4814434
author Matteo Scandolo <matteo.scandolo@gmail.com> Fri Jun 03 10:00:05 2016 -0700
committer Matteo Scandolo <matteo.scandolo@gmail.com> Fri Jun 03 10:00:05 2016 -0700
tree 8a5f60c5fdd2c2e953dafbe8e8cc0ef2288386d6
parent bf7c36614bec84ff81306ded51b9676ac95e9500

Added pages

mCordPortal/src/sass/animation.scss

diff --git a/mCordPortal/src/sass/animation.scss b/mCordPortal/src/sass/animation.scss
new file mode 100644
index 0000000..2afd37b
--- /dev/null
+++ b/mCordPortal/src/sass/animation.scss
@@ -0,0 +1,37 @@
+/* animations
+  -------------------------------------------------- */
+
+  @keyframes slideOutRight {
+    from {
+      transform: translate3d(0, 0, 0);
+      opacity: 1;
+    }
+
+    to {
+      opacity: 0;
+      transform: translate3d(100%, 0, 0);
+    }
+  }
+
+  @keyframes slideInRight {
+    from {
+      transform: translate3d(100%, 0, 0);
+      opacity: 0;
+    }
+
+    to {
+      transform: translate3d(0, 0, 0);
+      opacity: 1;
+    }
+  }
+
+@keyframes fadein {
+  from {
+    opacity: 0;
+    transform: scale3d(.3, .3, .3);
+  }
+  50% {
+    transform: scale3d(1, 1, 1);
+  }
+  to   { opacity: 1; }
+}
\ No newline at end of file

mCordPortal/src/sass/home.scss

diff --git a/mCordPortal/src/sass/home.scss b/mCordPortal/src/sass/home.scss
index 8aa2531..bb9a4ec 100644
--- a/mCordPortal/src/sass/home.scss
+++ b/mCordPortal/src/sass/home.scss
@@ -11,11 +11,12 @@
     position: absolute;
     height: 100%;
     top: 0;
-    right: -$panel-width;
+    right: -($panel-width + 5);
     width: $panel-width;
     background-color: $background-color;
     background-image: url($background-image);
     transition: all .5s ease-in-out;
+    box-shadow: -10px 0px 20px -5px rgba(0,0,0,0.75);
 
     &.in{
       right: 0;

mCordPortal/src/sass/main.scss

diff --git a/mCordPortal/src/sass/main.scss b/mCordPortal/src/sass/main.scss
index 77b5715..9926021 100644
--- a/mCordPortal/src/sass/main.scss
+++ b/mCordPortal/src/sass/main.scss
@@ -4,6 +4,7 @@
 @import './bootstrap_overrides.scss';
 @import './loader.scss';
 @import './home.scss';
+@import './animation.scss';
 
 /* Global styles
 -------------------------------------------------- */
@@ -207,41 +208,4 @@
     animation-delay: 0.1s;
   }
 
-  /* animations
-  -------------------------------------------------- */
-
-  @keyframes slideOutRight {
-    from {
-      transform: translate3d(0, 0, 0);
-      opacity: 1;
-    }
-
-    to {
-      opacity: 0;
-      transform: translate3d(100%, 0, 0);
-    }
-  }
-
-  @keyframes slideInRight {
-    from {
-      transform: translate3d(100%, 0, 0);
-      opacity: 0;
-    }
-
-    to {
-      transform: translate3d(0, 0, 0);
-      opacity: 1;
-    }
-  }
-
-@keyframes fadein {
-  from {
-    opacity: 0;
-    transform: scale3d(.3, .3, .3);
-  }
-  50% {
-    transform: scale3d(1, 1, 1);
-  }
-  to   { opacity: 1; }
-}