Support for Angular inline CSS

I just saw you featured on Changelog Nightly - that is how I found out about this library - http://nightly.changelog.com/2019/05/29/ 🎉

Is your feature request related to a problem? Please describe. Angular 8 allows CSS to be included in a component as a CSS-in-JS sort of flavor, and it would be create if Fabulous supported this.

The structure is this:

1. it is always a typescript file
2. The file will always be named with a suffix of .component.ts, example app.component.ts or foo-bar.component.ts
3. There is a class decorator named @Component({}) which has an optional styles array that can have one or more multi-line strings that are CSS classes
   • In practice, people do not have more than multi-line string.
   • The styles array is optional and may not exist.

Additional context Take a look at a code example below

import { Component } from '@angular/core';

@Component({
  selector: 'app-my-component',
  templateUrl: './app-my-component.html',
  styles: [
    `
      .exists-label {
        width: 115px;
        display: inline-block;
      }
      .btn-all-diffs {
        min-width: 130px;
      }
      .sticky-bottom {
        position: fixed; /* Fixed/sticky position */
        bottom: 50px; /* Place the button at the bottom of the page */
        right: 30px; /* Place the button 30px from the right */
        z-index: 99; /* Make sure it does not overlap */
      }
      .show {
        display: block;
      }
      .hide {
        display: none;
      }
    `,
  ],
})
export class MyComponent {
...
}

[paustint]

Thank you for doing this. If you are interested in contributing, let me know so I can invite you as a collaborator 👍

@Raathigesh - yes, I am interesting in contributing on an ongoing basis and would very much like to be a contributor.

[paustint]

I think that I could probably help out with this feature. I first need to learn the codebase and figure out how it works, then I can give it a shot. I will put it on my list of things to do. 😃