Helpers - Extends

We've added a new /helpers/_extends.sass files for additional useful Sass extends that aren't included in MVCSS.

%fauxHide and %fauxShow are the first two extends to kick off this new file.

I know, we're so funny. These are aptly named, and useful, though. When you're animating elements in CSS, you can't animate an element from display: none to display: block, so you have to fake hiding the element in order to do this. These extends will help you do that. Just extend them into your selector, and animate to your heart's desire.

New Module: Bucket

The bucket is what we call the classic media object that is part of OOCSS; a media element floated next to a block of content. This particular module is based on Nicolas Gallagher's jsFiddle example, using the shrink-wrap trick alongside display: table-cell.

Modifiers

You can pass the .bucket--middle and .bucket--bottom modifiers to vertically-align the .bucket-content in the middle and bottom, respectively. You can also pass .bucket--rev to float the .bucket-media to the opposite side.