Add scale up animation for logo

sharedComponents/navigation.component.less

@@ -1,18 +0,0 @@
-@keyframes animation-logo {
-  0% {
-    transform: translateY(100%);
-    opacity: 0;
-  }
-  50% {
-    transform: translateY(30%);
-    opacity: 0;
-  }
-  100% {
-    transform: translateY(0);
-    opacity: 1;
-  }
-}
-
-.animation-logo {
-  animation-name: animation-logo;
-}

sharedComponents/navigationBar.component.html

@@ -266,7 +266,7 @@
 </div>
 <ng-template #header_template let-mobile="mobile">
   <a *ngIf="!activeHeader.url" [routerLink]="activeHeader.route" [class.uk-padding-remove]="!isHeaderLeft"
-     class="uk-logo uk-navbar-item uk-flex uk-flex-middle uk-animation-fast" [class.animation-logo]="replaceHeader" [class.uk-animation-fade]="!replaceHeader">
+     class="uk-logo uk-navbar-item uk-flex uk-flex-middle uk-animation-scale-up">
     <img *ngIf="(mobile && activeHeader.logoSmallUrl) || (!mobile && activeHeader.logoUrl)"
            [src]="!mobile?activeHeader.logoUrl:activeHeader.logoSmallUrl"
            [alt]="activeHeader.title">
@@ -278,7 +278,7 @@
     </ng-container>
   </a>
   <a *ngIf="activeHeader.url" [href]="activeHeader.url" [class.uk-padding-remove]="!isHeaderLeft"
-     class="uk-logo uk-navbar-item uk-flex uk-flex-middle uk-animation-fast" [class.animation-logo]="replaceHeader" [class.uk-animation-fade]="!replaceHeader">
+     class="uk-logo uk-navbar-item uk-flex uk-flex-middle uk-animation-scale-up">
     <img *ngIf="(mobile && activeHeader.logoSmallUrl) || (!mobile && activeHeader.logoUrl)"
          [src]="!mobile?activeHeader.logoUrl:activeHeader.logoSmallUrl"
          [alt]="activeHeader.title">

sharedComponents/navigationBar.component.ts

@@ -27,8 +27,7 @@ export interface Header {
 
 @Component({
   selector: 'navbar',
-  templateUrl: 'navigationBar.component.html',
+  templateUrl: 'navigationBar.component.html'
-  styleUrls: ['navigation.component.less']
 })
 export class NavigationBarComponent implements OnInit, OnDestroy {
   @Input() portal: string = 'connect';