Chris, I tried using colborder, but seems like the you don't get two 24 col divs to align
look http://skitch.com/noelgomez/ba3ta the markup is <div id="menu_tabs"> <ul class="tabs"> <li class="js_link"> <a href=#" class="current">Tab 1</a> </li> <li class="js_link"> <a href="#" class="">Tab 2</a> </li> <li class="js_link"> <a href="#" class="">Tab 3</a> </li> </ul> <div class="panes"> sdg </div> </div> and the Sass is div#menu_tabs +column(24, true) ul +column(24, true) div.panes +column(23,true) :border-left = 1px solid !tab_panel_color +colborder(!tab_panel_color,1px) :border-bottom = 1px solid !tab_panel_color How would I get the right border to light up? -Noel On Wed, Jul 15, 2009 at 8:35 AM, Chris Eppstein<[email protected]> wrote: > If you use the sass port of blueprint that comes with compass, you can > customize the colborder width and color by passing arguments to the > colborder mixin. For instance: > .wideborder > +colborder(#ccc, 5px) > The compass project is here: > http://compass-style.org > In normal blueprint, you'd have to recalculate the margins according to your > desired width. > This is how we do the calculations in sass: > =colborder(!border_color = #eee, !border_width = 1px) > :padding-right= floor((!blueprint_grid_width + 2 * !blueprint_grid_margin > - !border_width)/2) > :margin-right= ceil((!blueprint_grid_width + 2 * !blueprint_grid_margin - > !border_width)/2) > :border-right #{!border_width} solid #{!border_color} > chris > > On Mon, Jul 13, 2009 at 1:23 PM, jwerre <[email protected]> wrote: >> >> Is there any way to make a colborder that's thicker than 1px. If i >> make it 3px, for instance, the column drops. If anyone can shed some >> light on the subject it would be greatly appreciated. >> >> >> > > > > > --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
