title: How to pass class style from parent to child in Angular, and using it in specific element
body: <p>so I'm using a template that I downloaded of ngx-admin.</p>
  
  <p>I'm creating new lib of some simple components such as input with labels and etc. this lib component is style free, I would like to inject the ngx-admin styles to these components.</p>
  
  <p>What shall be the best way to pass the syles and classes to the child lib components?</p>
  
  <p>this is the template page.component.html which I'm using the new lib I created:</p>
  
  <pre><code>&lt;div class="row"&gt;
    &lt;div class="col-xxl-5"&gt;
      &lt;div class="row"&gt;
        &lt;div class="col-md-12"&gt;
          &lt;nb-card&gt;
            &lt;nb-card-header&gt;Default Inputs&lt;/nb-card-header&gt;
            &lt;nb-card-body&gt;
          &lt;lib-input-with-lable&gt;&lt;/lib-input-with-lable&gt; &lt;- this is the lib I creared
            &lt;/nb-card-body&gt;
          &lt;/nb-card&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>Lib component:</p>
  
  <pre><code>import {Component, Input, OnInit} from '@angular/core';
  
  @Component({
    selector: 'lib-input-with-lable',
    template: `
      &lt;div class="d-flex flex-row"&gt;
        {{title}}
        &lt;input style="margin-left: 2rem"/&gt;
      &lt;/div&gt;
    `,
    styleUrls: ['./input-with-lable.component.scss'],
  })
  export class InputAndLableComponent implements OnInit {
  
    constructor() { }
  
    @Input() title: string;
    ngOnInit(): void {
    }
  
  }
  </code></pre>
  
  <p>This is how the template is using the classes for css style:</p>
  
  <pre><code>&lt;input type="password" nbInput fullWidth placeholder="Password"&gt;
  </code></pre>
  
  <p>So I would like to have the ability to use nbInput &amp; full width, which I added to page.component.scss</p>
  
  <p>and I will like to use is some kind of </p>
  
  <pre><code> &lt;lib-input-with-lable --passing here the styles---&gt;
  </code></pre>
  
  <p>and inside  </p>
  
  <p>to use is like this:</p>
  
  <pre><code>@Component({
        selector: 'lib-input-with-lable',
        template: `
          &lt;div class="d-flex flex-row"&gt;
            {{title}}
            &lt;input ------using here the style------- style="margin-left: 2rem"/&gt;
          &lt;/div&gt;
        `,
        styleUrls: ['./input-with-lable.component.scss'],
      })
  </code></pre>