search module

app/search.jade

@@ -0,0 +1,12 @@
+extends layout
+
+block head
+    title Taiga  Project management web application with scrum in mind!
+
+block content
+    sidebar.menu-secondary.sidebar
+        include views/modules/search-in
+
+    section.main.search-result
+        include views/components/mainTitle
+        include views/modules/search-filter

app/styles/main.scss

@@ -39,6 +39,7 @@ $prefix-for-spec:      true;
 @import 'modules/filters';
 @import 'modules/lightbox';
 @import 'modules/taskboard-table';
+@import 'modules/search-filter';
 
 // Responsive
 @import 'responsive/mobile';

app/styles/modules/search-filter.scss

@@ -0,0 +1,21 @@
+.search-filter {
+    ul {
+        display: flex;
+    }
+    li {
+        margin-right: 1rem;
+    }
+    a {
+        @extend %large;
+        font-family: 'ostrichSans';
+        opacity: .2;
+        &:hover {
+            @include transition (opacity .3s linear);
+            color: $blackish;
+            opacity: 1;
+        }
+    }
+    .icon {
+        margin-right: .4rem;
+    }
+}

app/views/modules/search-filter.jade

@@ -0,0 +1,31 @@
+section.search-filter
+    ul
+        li
+            a.active(href="#")
+                span.icon.icon-bulk
+                | 20 User Stories
+
+        li
+            a(href="#")
+                span.icon.icon-issues
+                | 3 Issues
+
+        li
+            a(href="#")
+                span.icon.icon-bulk
+                | 23 Task
+
+        li
+            a(href="#")
+                span.icon.icon-wiki
+                | 2 Wiki pages
+
+        li
+            a(href="#")
+                span.icon.icon-edit
+                | 12 Documents
+
+        li
+            a(href="#")
+                span.icon.icon-edit
+                | 3 Users

app/views/modules/search-in.jade

@@ -0,0 +1,6 @@
+section.search
+    header
+        form
+            fieldset
+                input(type="text", placeholder="Search in...")
+                a.icon.icon-search(href="", title="search")

gulpfile.js

@@ -28,12 +28,12 @@ var paths = {
 
 gulp.task('jade', function() {
   return gulp.src(paths.jade)
-    .on('error', function(err) {
-        console.log(err);
-    })
     .pipe(jade({
       pretty: true
     }))
+    .on('error', function(err) {
+        console.log(err);
+    })
     .pipe(gulp.dest(paths.dist))
     .pipe(size());
 });

package.json

@@ -26,6 +26,7 @@
     "gulp-minify-html": "^0.1.3",
     "gulp-newer": "^0.3.0",
     "gulp-notify": "^1.2.5",
+    "gulp-plumber": "^0.6.2",
     "gulp-ruby-sass": "^0.4.3",
     "gulp-scss-lint": "0.0.6",
     "gulp-styledocco": "0.0.1",