WIP

src/app/games/massive-darkness2/md2-icon/md2-icon.component.html

@@ -1 +1 @@
-<span class="MD2Icon {{icon}} {{iconClass}}"></span>
+<span class="MD2Icon {{icon}} {{iconClass}} {{sizeClass}}"></span>

src/app/games/massive-darkness2/md2-icon/md2-icon.component.ts

@@ -8,14 +8,33 @@ import { MD2Icon } from '../massive-darkness2.model';
 })
 export class MD2IconComponent implements OnInit {
 
-  @Input() iconClass: string = '';
+  @Input() iconClass: string = 'mr-1';
 
-  @Input("icon") icon: MD2Icon;
+  @Input("icon") icon: string;
 
+  @Input() size: string = 'sm';
 
   constructor() { }
 
   ngOnInit(): void {
   }
 
+  public get sizeClass(): string {
+    switch (this.size) {
+      case 'sm':
+        return 'g-font-size-18'
+        break;
+      case 'med':
+        return 'g-font-size-30'
+        break;
+      case 'lg':
+        return 'g-font-size-50'
+        break;
+
+      default:
+        return 'g-font-size-' + this.size;
+        break;
+    }
+  }
+
 }