Twitter Bootstrap - Fluid grid offsets

bootstrap.fluid-grid-offsets.css

/* Generated with default variables */


.row-fluid .offset12 {
  margin-left: 104.25531913799999%;
  *margin-left: 104.20212764863828%;
}
.row-fluid .offset12:first-child {
  margin-left: 102.127659564%;
  *margin-left: 102.07446807463829%;
}
.row-fluid .offset11 {
  margin-left: 95.744680841%;
  *margin-left: 95.6914893516383%;
}
.row-fluid .offset11:first-child {
  margin-left: 93.617021267%;
  *margin-left: 93.56382977763829%;
}
.row-fluid .offset10 {
  margin-left: 87.234042544%;
  *margin-left: 87.1808510546383%;
}
.row-fluid .offset10:first-child {
  margin-left: 85.10638297%;
  *margin-left: 85.05319148063829%;
}
.row-fluid .offset9 {
  margin-left: 78.72340424699999%;
  *margin-left: 78.67021275763828%;
}
.row-fluid .offset9:first-child {
  margin-left: 76.595744673%;
  *margin-left: 76.54255318363829%;
}
.row-fluid .offset8 {
  margin-left: 70.21276595%;
  *margin-left: 70.1595744606383%;
}
.row-fluid .offset8:first-child {
  margin-left: 68.085106376%;
  *margin-left: 68.03191488663829%;
}
.row-fluid .offset7 {
  margin-left: 61.702127653%;
  *margin-left: 61.6489361636383%;
}
.row-fluid .offset7:first-child {
  margin-left: 59.574468079%;
  *margin-left: 59.5212765896383%;
}
.row-fluid .offset6 {
  margin-left: 53.191489356%;
  *margin-left: 53.1382978666383%;
}
.row-fluid .offset6:first-child {
  margin-left: 51.063829782%;
  *margin-left: 51.0106382926383%;
}
.row-fluid .offset5 {
  margin-left: 44.680851059%;
  *margin-left: 44.6276595696383%;
}
.row-fluid .offset5:first-child {
  margin-left: 42.553191485%;
  *margin-left: 42.4999999956383%;
}
.row-fluid .offset4 {
  margin-left: 36.170212762%;
  *margin-left: 36.1170212726383%;
}
.row-fluid .offset4:first-child {
  margin-left: 34.042553188%;
  *margin-left: 33.9893616986383%;
}
.row-fluid .offset3 {
  margin-left: 27.659574465%;
  *margin-left: 27.606382975638297%;
}
.row-fluid .offset3:first-child {
  margin-left: 25.531914891%;
  *margin-left: 25.478723401638298%;
}
.row-fluid .offset2 {
  margin-left: 19.148936168%;
  *margin-left: 19.095744678638297%;
}
.row-fluid .offset2:first-child {
  margin-left: 17.021276594%;
  *margin-left: 16.9680851046383%;
}
.row-fluid .offset1 {
  margin-left: 10.638297870999999%;
  *margin-left: 10.585106381638298%;
}
.row-fluid .offset1:first-child {
  margin-left: 8.510638297%;
  *margin-left: 8.457446807638298%;
}

bootstrap.fluid-grid-offsets.less

// This should be added inside the .fluid class (next to fluid spans)

.offsetX (@index) when (@index > 0) {
    (~".offset@{index}") { .offset(@index); }
    (~".offset@{index}:first-child") { .offsetFC(@index); }
    .offsetX(@index - 1);
}
.offsetX (0) {}

.offset (@columns) {
    margin-left: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns + 1));
    *margin-left: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns + 1)) - (.5 / @gridRowWidth * 100 * 1%);
}
.offsetFC (@columns) {
    margin-left: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns));
    *margin-left: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns)) - (.5 / @gridRowWidth * 100 * 1%);
}

.offsetX (@gridColumns);