Rebass: max height/width example for Media component?

[contra]

First instinct was thinking that there should be props for it, but you probably know of a better way. Do you have an example of doing this?

Problem is super large images, or images of different sizes create crazy looking lists.

Is using reflexbox the solution here?

[phated]

@contra are you able to use the theme context to pass a maxHeight/naxWidth css style?

[contra]

@phated No - seems like there's no way to style the image at all. (https://github.com/jxnblk/rebass/blob/master/src/Media.js#L36 passes no styles through)

Maybe a better solution would be to break the image out of the Media innards and have the user specify it (like you do with text and heading)

[phated]

Yeah, a change just landed that split the Step component out of SequenceMap. I think the same could/should happen here.

[jxnblk]

Yeah I'm totally open to building out the Media component a little better.

My usual instinct is to say that every image should have width and height attributes, but this component doesn't really support that at the moment.