colborder is a separator between two columns. It consumes 1 grid unit. Please use the .border class (or +border mixin) to place a border on the right side of a column.
The +border mixin also accepts arguments for color and width. chris On Wed, Jul 15, 2009 at 10:12 AM, Noel <[email protected]> wrote: > > 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 -~----------~----~----~----~------~----~------~--~---
