How to use iron-flex-layout
Hi, how would I go about using iron-flex-layout?
I have included it in my html but it doesn't work when adding the relevant element to my child html files?
Unfortunately, using mixins from iron-flex-layout in Angular component styles doesn’t work anymore because of #104.
By the way, using iron-flex-layout could be completely unnecessary these days, since most of the browsers support CSS flexbox without vendor prefixes. Now you can set CSS properties directly to achieve the same results with even less code and dependencies.
You can still import classes from iron-flex-layout in the global scope (in index.html), and then apply these classes in your markup. Please see the iron-flex-layout guide for more information.
I haven't had a chance to try it yet and it's still alpha (beta soon), but another option might be https://github.com/angular/flex-layout.
I think that there are more reasons to use a flex layout helper/library than just cross-browser support. Adding some sugar to the Flexbox API can make it a lot easier to learn and increase productivity for many developers.