flex: basis-size and full flex shorthand support

stylus / nib

Stylus mixins, utilities, components, and gradient image generation

http://stylus.github.io/nib

MIT License

1.9k stars 250 forks source link

flex: basis-size and full flex shorthand support #118

Open buschtoens opened 12 years ago

buschtoens commented 12 years ago

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

tj commented 12 years ago

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 commented 12 years ago

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 commented 12 years ago

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 commented 12 years ago

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

caseywebdev commented 12 years ago

I just created one at #126