remove background swipe

orsi · Feb 28, 2019 · ca73667 · ca73667
1 parent b61ba43
commit ca73667
Show file tree

Hide file tree

Showing 3 changed files with 1 addition and 44 deletions.
diff --git a/src/app.component.css b/src/app.component.css
@@ -3,45 +3,3 @@
     min-height: 100%;
     overflow:hidden;
 }
-
-/* view animations */
-.app > .app-background {
-    position: fixed;
-    z-index: -1;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    overflow: hidden;
-}
-.app > .app-background::after {
-    content: " ";
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 1px;
-    height: 100%;
-}
-.current-view--about > .app-background::after {
-    background: hsl(359, 80%, 64%);
-    animation: background-anim 2s ease-in forwards;
-}
-.current-view--work > .app-background::after {
-    background: hsl(109, 80%, 75%);
-    animation: background-anim 2s ease-in forwards;
-}
-.current-view--projects > .app-background::after {
-    background:  hsla(208, 49%, 64%, 1);
-    animation: background-anim 2s ease-in forwards;
-}
-
-@keyframes background-anim {
-    0% {
-        width: 1px;
-    }
-    100% {
-        width: 10000px;
-    }
-}
diff --git a/src/app.component.js b/src/app.component.js
@@ -49,7 +49,6 @@ class AppComponent extends Component {
       <Router>
         <Route render={({ location }) => (
           <div className={ "app current-view--" + (this.routes.find(route => route.path === location.pathname)).name }>
-            <div className="app-background"></div>
             <TransitionGroup component={null}>
               <CSSTransition
                 key={location.key}

diff --git a/src/styles.css b/src/styles.css
@@ -17,7 +17,7 @@ body {
     font-size: 16px;
     line-height: 1.6;
     color: #1a1a1a;
-    background-color: #fafafa;
+    background-color: #f5f5f5;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
   }