change "pins" to actual flexbox CSS naming

[ninjasort]

"Pins" is cute, but it's not the actual way designers work. Ideally this should be renamed to the flexbox terminology. If you forgot about that, here's a mapping:

Overview

http://devdocs.io/css/css_flexible_box_layout/advanced_layouts_with_flexbox

Justify Content

http://devdocs.io/css/justify-content pin left => justify-content: left pin right => justify-content: right center vertically => justify-content: center

Align Items

http://devdocs.io/css/align-items pin top => align-items: start pin bottom => align-items: end center horizontally => align-items: center

Grow

http://devdocs.io/css/flex-grow For all stretching parameters. Set as 1 for even distribution.

[orarbel]

Hi @cameronroe, thanks for the feedback. I think there is a misunderstanding as to what Pins are.

Pins are actually not a part of Stacks which is Flexbox.

Pins works outside of a flexbox. The CSS equivalents would be something like: width height top left

https://animaapp.github.io/docs/v1/guide/03-pins.html

etc..

[ninjasort]

@orarbel Sure, that's fine. But it just adds more complexity to language of design > dev when new terms are added that duplicate already existing terminology.. Is there an absolute reason for needing to do so?