Reference Documentation

Demo: Blueprint Pull Example

One
One
One
Two
Two
Two
<div class='container'>
  <div id='one'>
    One<br />One<br />One
  </div>
  <div id='two'>
    Two<br />Two<br />Two
  </div>
</div>
.container
  #one
    One<br />One<br />One
  #two
    Two<br />Two<br />Two
$blueprint_grid_columns: 3;

@import "blueprint/grid.scss";

#one {
  @include column(2, true);
  @include prepend(1);
  background-color: #11770e;
}

#two {
  @include column(1);
  @include pull(3, true);
  background-color: #242677;
}
$blueprint_grid_columns : 3

@import blueprint/grid.scss

#one
  +column(2, true)
  +prepend(1)
  background-color: #11770E
#two
  +column(1)
  +pull(3, true)
  background-color: #242677
#one{display:inline;float:left;margin-right:0;width:70px;padding-left:40px;background-color:#11770e}* html #one{overflow-x:hidden}#two{display:inline;float:left;margin-right:10px;width:30px;display:inline;float:left;position:relative;margin-left:-110px;background-color:#242677}* html #two{overflow-x:hidden}