Responsive Style directive overwrites inline styles

[ThomasBurleson]

The StyleDirective provides features to set inline styles when specific breakpoints activate.

<div  fxLayout
      [style]="{'font-size': '10px', 'margin-left' : '10px'}"
      [style.xs]="{'font-size': '16px'}"
      [style.md]="{'font-size': '12px'}">
</div>

These inline styles do not, however, preserve existing inline styles... they do not merge. This creates a conflict with other inline style injectors within the flex-layout API (e.g. fxLayout).