flex: basis-size and full flex shorthand support

[buschtoens]

New translations!

basis-size now works with a width / height hack.

flex now works as complete as possible. It supports all shorthand syntax versions defined in MDN and interprets <'flex-grow'> and <'flex-basis'>. We can't support <'flex-shrink'> due to technical limitations of the old specifications.

New properties, that are still untranslated:

• align-content
• algin-self
• flex-shrink
• flex-wrap
• justify-content

[buschtoens]

Moved down to translated section.

[tj]

anyone have comments on this? I haven't fooled with the flex-box stuff much yet, last time I checked it was pretty buggy in general

[buschtoens]

Can I use FlexBox? (Dark green: obsolete and/or buggy, Light green: new)

The obsolete model is relatively well supported (still buggy in some browsers). The new one isn't, but will be in the future and is the definitive way to go.

But of course, I'd like to hear further opinions on this!

[caseywebdev]

I think you'll need to add @import 'flex' to lib/nib/index.styl. I cloned your repo and once I made that change it worked fine.

[buschtoens]

Yup, you're right. I didn't add this file to the commit. Do you want to PR or shall I do it?

[caseywebdev]

I just created one at #126