filter box is looking NICEEE

1 files changed, 18 insertions, 34 deletions

diff --git a/src/client/views/search/NaviconButton.scss b/src/client/views/search/NaviconButton.scss
index d26d67de2..634b4aeb5 100644
--- a/src/client/views/search/NaviconButton.scss
+++ b/src/client/views/search/NaviconButton.scss
@@ -14,7 +14,9 @@ $translateX: 0;
   height:$height-icon;
   position:relative;
   display:block;
-//   margin: ($height-icon * 2) auto $height-icon auto;
+  transition: all $transition-time;
+    -webkit-transition: all $transition-time;
+    -moz-transition: all $transition-time;
   
   .line {
     display:block;
@@ -38,44 +40,26 @@ $translateX: 0;
       top:100%;
     }
   }
-  &:hover, &:focus {
-     .line-1 {
-        transform: translateY($height-line / 2 * -1);
-        -webkit-transform: translateY($height-line / 2 * -1);
-        -moz-transform: translateY($height-line / 2 * -1);
-     }
-    .line-3 {
-        transform: translateY($height-line / 2);
-        -webkit-transform: translateY($height-line / 2);
-        -moz-transform: translateY($height-line / 2);
-    }  
-  }
-  &.active {
+}
+
+.filter-header.active {
     .line-1 {
-      transform: translateY($translateY) translateX($translateX) rotate($rotation);
-      -webkit-transform: translateY($translateY) translateX($translateX) rotate($rotation);
-      -moz-transform: translateY($translateY) translateX($translateX) rotate($rotation);
+        transform: translateY($translateY) translateX($translateX) rotate($rotation);
+        -webkit-transform: translateY($translateY) translateX($translateX) rotate($rotation);
+        -moz-transform: translateY($translateY) translateX($translateX) rotate($rotation);
     }
     .line-2 {
-      opacity:0;
+        opacity:0;
     }
     .line-3 {
-      transform: translateY($translateY * -1) translateX($translateX) rotate($rotation * -1);
-      -webkit-transform: translateY($translateY * -1) translateX($translateX) rotate($rotation * -1);
-      -moz-transform: translateY($translateY * -1) translateX($translateX) rotate($rotation * -1);
+        transform: translateY($translateY * -1) translateX($translateX) rotate($rotation * -1);
+        -webkit-transform: translateY($translateY * -1) translateX($translateX) rotate($rotation * -1);
+        -moz-transform: translateY($translateY * -1) translateX($translateX) rotate($rotation * -1);
     }
-  }
 }
 
-// h1 {
-//   text-transform:uppercase;
-// }
-// a {
-//   text-decoration:none;
-//   color:#95a5a6;
-//   margin: 0.5em 1.5em;
-//   display:inline-block;
-//   &:hover, &:focus {
-//     color:$color;
-//   }
-// }
\ No newline at end of file
+.filter-header:hover #hamburger-icon {
+    transform: scale(1.1);
+    -webkit-transform: scale(1.1);
+        -moz-transform: scale(1.1);
+}
\ No newline at end of file