Fix linting

Author: manosim

src/js/__tests__/components/__snapshots__/login.js.snap

@@ -6,7 +6,7 @@ exports[`components/login.js should render itself & its children 1`] = `
 >
   <img
     className="img-responsive logo"
-    src="images/gitify-logo-outline-dark.png"
+    src="images/logo-dark.png"
   />
   <div
     className="desc"

src/scss/app.scss

@@ -14,6 +14,8 @@ $gray-dark: #373A3C;
 $light-gray: darken($white, 10%);
 $gray-darker: darken($gray, 5%);
 
+$modal-overlay-bg: rgba(0, 0, 0, .5);
+
 /* @end Colors */
 
 
@@ -140,46 +142,44 @@ $modal-scale-min: .35;
 // sass-lint:disable class-name-format force-element-nesting
 
 .ReactModal__Overlay {
+  opacity: 0;
   z-index: 9999;
-
+  background-color: $modal-overlay-bg;
   -webkit-perspective: 150;
   perspective: 150;
-  opacity: 0;
   overflow-x: hidden;
   overflow-y: auto;
-  background-color: rgba(0, 0, 0, 0.5);
 }
 
 .ReactModal__Overlay--after-open {
-  opacity: 1;
   transition: opacity $modal-animation-duration ease-out;
+  opacity: 1;
 }
 
 .ReactModal__Content {
+  transform: scale($modal-scale-min) rotateX(-30deg);
   background-color: $brand-primary;
-
   -webkit-transform: scale($modal-scale-min) rotateX(-30deg);
-  transform: scale($modal-scale-min) rotateX(-30deg);
 }
 
 .ReactModal__Content--after-open {
-  -webkit-transform: scale(1) rotateX(0deg);
   transform: scale(1) rotateX(0deg);
   transition: all $modal-animation-duration ease-in;
+  -webkit-transform: scale(1) rotateX(0deg);
 }
 
 .ReactModal__Overlay--before-close {
   opacity: 0;
 }
 
 .ReactModal__Content--before-close {
-  -webkit-transform: scale($modal-scale-min) rotateX(30deg);
   transform: scale($modal-scale-min) rotateX(30deg);
   transition: all $modal-animation-duration ease-in;
+  -webkit-transform: scale($modal-scale-min) rotateX(30deg);
 }
 
 .ReactModal__Content.modal-dialog {
-  border: none;
+  border: 0;
   background-color: transparent;
 }
 // sass-lint:enable class-name-format force-element-nesting
@@ -260,12 +260,12 @@ $modal-scale-min: .35;
 }
 
 .sidebar-wrapper {
-  background-color: $brand-primary;
   position: fixed;
   left: $sidebar-width;
   transition: all .5s ease;
   z-index: 1000;
   margin-left: -$sidebar-width;
+  background-color: $brand-primary;
   padding: 2rem .75rem;
   width: $sidebar-width;
   height: 100%;
@@ -354,11 +354,11 @@ $modal-scale-min: .35;
   right: 0;
   bottom: 0;
   left: 0;
+  margin: 0;
   outline: none;
   padding: 2.25rem 1.5rem;
   overflow: auto;
   color: $white;
-  margin: 0;
 
   .modal-title {
     margin-bottom: 1.35rem;
@@ -423,7 +423,7 @@ $modal-scale-min: .35;
     padding: .55rem 1.25rem;
 
     .fa {
-      margin-right: 0.5rem;
+      margin-right: .5rem;
     }
   }
 }