Hi all... I've been working on a set of styles for blueprint which would allow for vertical alignment of columns as well as some div reordering for SEO pruposes. It's in the beginning stages at this point, with no documentation, but I wanted to put it out there to get some feedback. Feel free to download the code. Place the folder in the plugins directory of Blueprint for testing.
http://www.seankstewart.com/blueprint/blueprint/plugins/bp-vertical-alignment/ Vertical-alignment (the vertical-# & drop-# classes) The important thing to know when implementing vertical alignment is to make sure the vertical-# class and the highest drop-# class are the same. For example, if you have drop-8 on one column and drop-12 on another column, the vertical-# class would be vertical-12. See the uneven column pages for a working example. I've added 24 vertical and drop classes (at 1.5em intervals) to match the span-24 blueprint provides; however the list could go on forever. 1.5em was chosen to keep with the default line-height provided by blueprint. Div Reordering (lift-# class) These examples also apply a div reordering that can be used for SEO purposes on some projects. For example, you may want to code your content first and header last so that search engines pick up on the content first. Notice in the source... the header div is the last div within the container div, but appears at the top of the page. This can be accomplished by applying lift-# class on the header div. This is not fully tested, but could come in handy for those SEO fanatics out there. Check it out and let me know what you all think about this. Hope it can be useful to the Blueprint community. --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Blueprint CSS" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/blueprintcss?hl=en -~----------~----~----~----~------~----~------~--~---
