Merge branch 'new-logo'

apps/red-ui/src/app/components/logo/logo.component.html

@@ -1,4 +1 @@
-<div class="redacto-logo">
-    <div class="line-1"></div>
-    <div class="line-2"></div>
-</div>
+<mat-icon svgIcon="red:logo"></mat-icon>

apps/red-ui/src/app/components/logo/logo.component.scss

@@ -0,0 +1,5 @@
+@import '../../../assets/styles/red-variables';
+
+:host {
+    color: $primary;
+}

apps/red-ui/src/assets/styles/red-logo.scss

@@ -1,24 +0,0 @@
-@import 'red-variables';
-
-.redacto-logo {
-    height: 14px;
-    width: 22px;
-    display: flex;
-    justify-content: space-between;
-    align-items: flex-start;
-    flex-direction: column;
-
-    .line-1 {
-        height: 6px;
-        width: 16px;
-        border-radius: 3px;
-        background-color: $primary;
-    }
-
-    .line-2 {
-        height: 6px;
-        width: 22px;
-        border-radius: 6px;
-        background-color: $primary;
-    }
-}

apps/red-ui/src/assets/styles/red-theme.scss

@@ -18,7 +18,6 @@
 @import 'red-tables';
 @import 'red-components';
 @import 'red-controls';
-@import 'red-logo';
 @import 'red-toasts';
 @import 'red-tooltips';
 @import 'red-grid';