Feature Request: add css classes to renderer so that they can be styled

[RezaRahmati]

Hi

Thank you for your component, it save hours and hours .

I have a feature request right now if I need to change the style for example setting line height or add margin or ... there is no way except adding new custom components, while if you could add some classes to the components they could have been styled by css without adding custom components

update

Actually I am able to style it like this, but having classes are more intuitive

ngx-contentful-rich-text {
  line-height: 1.75rem;
  font-size: 1.1rem;

  h5,
  .h5 {
    ngx-contentful-rich-text {
      font-size: 1.5rem;
      font-weight: 500;
    }

    margin-top: 3rem;
    margin-bottom: 1rem;
  }

  p {
    text-align: justify;
  }
}

[guillaume-moreau]

Hi !

I had the same issue.

I've created a PR for this issue.

[vitorpiovezam]

I could style the document using encapsulation: ViewEncapsulation.None, on my @Component decorators.
Now styles runs like as an ng-deep.
`
@component({
selector: 'mynt-contentful-article',
template: '

<ngx-contentful-rich-text [document]="document">
<ngx-contentful-rich-text [document]="extraDocument">

',
encapsulation: ViewEncapsulation.None,

styles: ['
ngx-contentful-rich-text {
line-height: 1.75rem;
font-size: 1.1rem;
margin-top: 2em;

h1 {
    font-family: Moderat;
    font-size: 32px;
    line-height: 125%;
    color: #F8FDFF;
}

p {
  margin: 20px 0;
}

a {
    color: #5a9dff;
    font-weight: bold;
}

a:hover {
text-decoration: underline;
}
}

']
})
export class FooContentfulArticleComponent { }