Polymer 1.0 Layout system

[Marcus Vinicius]

I've read the migration guide Polymer 0.5 to 1.0 and still can not understand the operation of the rail system (flex).However it has no documentation, only the element "iron-layout-flex." All indications are that now instead of attributes we must work with the classes ".layout", ".horizontal", ".vertical"? It is very confusing that. Does anyone know how? Does anyone have any tutorial on the web?

[Vartan Simonian]

I know of this compilation of the different iron-flex-layout classes on Plunker: http://plnkr.co/edit/xIARqr?p=preview

Kasper Peulen, a community member who is active on the Polymer Slack chatroom, was the one who put it together, so all credit goes his way.

As far as I know personally, I don’t know if there is an official demo like this. The documentation page for iron-flex-layout is currently empty.

[dan.mi...@gmail.com]

https://github.com/Polymer/polymer/issues/1601

On Wednesday, June 3, 2015 at 7:27:05 PM UTC-7, Marcus Vinicius wrote:

[Robert Simon]

I just openened iron-flex-layout.html and figured most of them easily from these mixins.

But still, as soon as breakpoints are involved, you dont want static flex classes, but use these mixins from that file

And how to use flex? I suggest https://developers.google.com/web/shows/udacity/courses/responsive-web-design

[mma...@gmail.com]

I was able to get iron-flex-layout working like the example.

If you import 

<link rel="import" href="bower_components/iron-flex-layout/classes/iron-flex-layout.html">

instead of

<link rel="import" href="bower_components/iron-flex-layout/iron-flex-layout.html">

You can use classes like in the http://plnkr.co/edit/xIARqr?p=preview example.

​