Added spinner with logo style

app/partials/views/components/spinner.jade

@@ -1,7 +1,2 @@
-.spinner
+object.logo-svg(type="image/svg+xml", data="/svg/spinner.svg")
-    span.icon.icon-backlog
+    img(src="/svg/logo.svg", alt="TAIGA")
-    span.icon.icon-kanban
-    span.icon.icon-iocaine
-    span.icon.icon-floppy
-    span.icon.icon-settings
-    span.icon.icon-wiki

app/styles/components/loader.scss

@@ -17,14 +17,6 @@
         position: relative;
         width: 150px;
     }
-    .spinner {
-        background-color: $white;
-        box-shadow: 1px 1px 10px rgba($whitish, .9);
-        .icon {
-            color: $gray-light;
-            text-shadow: 1px 1px 3px $whitish, 0 0 0 $grayer, 1px 1px 3px $whitish;
-        }
-    }
     p {
         @extend %large;
         color: $gray-light;

app/styles/components/spinner.scss

@@ -1,41 +1 @@
-.spinner {
-    background: rgba($green-taiga, .9);
-    border-radius: 4%;
-    box-shadow: 1px 1px 10px rgba($fresh-taiga, .9);
-    height: 8rem;
-    margin: 0 auto;
-    padding: 1.5rem;
-    position: relative;
-    width: 7rem;
-    .icon {
-        @include animation(fadeIn 6s linear);
-        @extend %xxlarge;
-        @include animation-iteration-count(infinite);
-        border-radius: 5%;
-        color: darken($green-taiga, 15%);
-        font-size: 60px;
-        height: 80%;
-        left: 24%;
-        margin: auto;
-        opacity: 0;
-        position: absolute;
-        text-shadow: 1px 1px 3px $green-taiga, 0 0 0 $black, 1px 1px 3px darken($green-taiga, 15%);
-        top: 24%;
-    }
 
-    .icon-kanban {
-        @include animation-delay(1s);
-    }
-    .icon-settings {
-        @include animation-delay(2s);
-    }
-    .icon-iocaine {
-        @include animation-delay(3s);
-    }
-    .icon-floppy {
-        @include animation-delay(4s);
-    }
-    .icon-wiki {
-        @include animation-delay(5s);
-    }
-}