many important fixes

app/assets/stylesheets/user/foundation/components/_nav_side.sass

@@ -12,12 +12,14 @@ $side-menu-width: 222px
   border-right: 2px solid black
   &.active
     left: 0
-    +animation(sideMenuActive 0.5s)
+    animation-name: sideMenuActive
+    animation-duration: 0.5s
     .toggle-side-menu
       right: 5px
   &.closed
     &.clicked
-      +animation(sideMenuClosed 0.3s)
+      animation-name: sideMenuClosed
+      animation-duration: 0.3s
   > ul
     list-style: none
     a
@@ -65,12 +67,12 @@ $side-menu-width: 222px
       @extend .fa-lg
       @extend .fa-bars
 
-+keyframes(sideMenuActive)
+@keyframes(sideMenuActive)
   from
     left: -$side-menu-width
   to
     left: 0
-+keyframes(sideMenuClosed)
+@keyframes(sideMenuClosed)
   from
     left: 0
   to

app/assets/stylesheets/user/foundation/pages/_scanning.sass

@@ -16,11 +16,12 @@ $scanning-code-height: $scanning-code-width/0.785
     position: absolute
     height: $scanning-code-height
     border-right: 2px solid #f00
-    +animation(scanning 1s infinite)
-    +animation-direction(alternate)
-    +animation-timing-function(linear)
+    animation-name: scanning
+    animation-duration: 1s infinite
+    animation-direction: alternate
+    animation-timing-function: linear
 
-+keyframes(scanning)
+@keyframes(scanning)
   from
     left: 0
   to