Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

display box #23

Closed
Charuru opened this issue Jul 23, 2011 · 10 comments
Closed

display box #23

Charuru opened this issue Jul 23, 2011 · 10 comments

Comments

@Charuru
Copy link

Charuru commented Jul 23, 2011

I think display box would fit in well here.

http://compass-style.org/reference/compass/css3/box/
http://www.html5rocks.com/en/tutorials/flexbox/quick/#toc-center

@podviaznikov
Copy link
Contributor

Hi,

Today I added some box properties:
box-orient,box-align,box-flex,box-pack.

TJ, do you know how to do this (using stylus)?
display:-webkit-box;
display:-moz-box;

should be
display:box;

@Charuru
Copy link
Author

Charuru commented Jul 26, 2011

displayBox()
  display -webkit-box
  display -moz-box
  display box

That's what I use. but yeah display:box would be nice.

@lazd
Copy link

lazd commented Aug 14, 2012

With nib 0.7.0, try this:

.box {
  display: box;
}

Which yields:

.box {
  display: -webkit-box;
  display: -moz-box;
  display: -o-box;
  display: -ms-box;
  display: box
}

Looks like this issue is fixed. Please close it. Thanks!

@buschtoens
Copy link
Contributor

#115 (merged)
#118 (pending)
These add support for the new Flexbox Model. They also partially translate to the old one.

@protometa
Copy link

I still have this problem. display: box doesn't working for me on 0.9.

@buschtoens
Copy link
Contributor

Yup. The new syntax is display: flex;. Read this article by Chris Coyier about it.

@protometa
Copy link

Oh thanks. I would have been stuck on those outdated terms for a while...

@notslang
Copy link
Collaborator

This issue hasn't been active for 3 months, so I'm closing this. If you think it is still an issue; reopen. [slang-bot]

@Vargentum
Copy link

Can I disable erasing 'display: -webkit-box' from output css?
I'm using it for pure CSS multiline ellipsis. http://codepen.io/anon/pen/NPYzgw

@groenroos
Copy link

+1 to what Vargentum said.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

8 participants