You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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 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.
Activity
platosha commentedon Dec 5, 2016
Unfortunately, using mixins from
iron-flex-layoutin Angular component styles doesn’t work anymore because of #104.By the way, using
iron-flex-layoutcould 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-layoutin the global scope (inindex.html), and then apply these classes in your markup. Please see the iron-flex-layout guide for more information.Splaktar commentedon Dec 16, 2016
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.