Remove component styling (#108)

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2017 Jean-Francois Cere
+Copyright (c) 2017-2018 Jean-Francois Cere
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

demo/src/app/app.component.scss

@@ -132,6 +132,40 @@ section:first-of-type {
 /* materialize global css reset for demo puprose */
 markdown {
   ::ng-deep {
+    blockquote {
+      padding: 0 1em;
+      color: rgba(0,0,0,0.535);
+      border-left: 0.25em solid rgba(0,0,0,0.11);
+    }
+
+    table {
+      border-spacing: 0;
+      border-collapse: collapse;
+      margin-bottom: 16px;
+
+      th,
+      td {
+        padding: 6px 13px;
+        border: 1px solid #ddd;
+
+        &[align="left"] {
+          text-align: left;
+        }
+
+        &[align="center"] {
+          text-align: center;
+        }
+
+        &[align="right"] {
+          text-align: right;
+        }
+      }
+
+      tr:nth-child(2n) {
+        background-color: rgba(0,0,0,0.03);
+      }
+    }
+
     ul {
       list-style-type: inherit;
       padding-left: 40px !important;
@@ -146,4 +180,4 @@ markdown {
       list-style-type: circle;
     }
   }
-}
+}

lib/src/markdown.component.ts

@@ -6,12 +6,15 @@ import { MarkdownService } from './markdown.service';
   // tslint:disable-next-line:component-selector
   selector: 'markdown, [markdown]',
   template: '<ng-content></ng-content>',
-  styleUrls: ['./markdown.component.scss'],
 })
 export class MarkdownComponent implements AfterViewInit {
   private _data: string;
   private _src: string;
 
+  private get _isTranscluded() {
+    return !this._data && !this._src;
+  }
+
   @Input()
   get data(): string { return this._data; }
   set data(value: string) {
@@ -37,17 +40,13 @@ export class MarkdownComponent implements AfterViewInit {
   @Output() error = new EventEmitter<string>();
   @Output() load = new EventEmitter<string>();
 
-  get isTranscluded(): boolean {
-    return !this.data && !this.src;
-  }
-
   constructor(
     public element: ElementRef,
     public markdownService: MarkdownService,
   ) { }
 
   ngAfterViewInit() {
-    if (this.isTranscluded) {
+    if (this._isTranscluded) {
       this.render(this.element.nativeElement.innerHTML, true);
     }
   }

lib/src/markdown.module.spec.ts

@@ -17,7 +17,6 @@ import { errorSrcWithoutHttpClient } from './markdown.service';
       <markdown [data]="markdown"></markdown>
     </ng-template>
   `,
-  styleUrls: ['./markdown.component.scss'],
 })
 class HostComponent {
   markdown = '# Super title';