Expose layout mixins to a new file and use it accordingly to have control over component positioning from shadow DOM elements

src/app/terminal/terminal.component.html

@@ -1 +1 @@
-<div #xterm class="tfw-xterm" (window:resize)="fit()"></div>
+<div #xterm class="tfw-xterm"></div>

src/app/terminal/terminal.component.scss

@@ -0,0 +1,8 @@
+@import "../../assets/scss/mixins/layout.scss";
+
+
+.tfw-xterm {
+  .xterm {
+    @include set-component-size('terminal');
+  }
+}