leafo/lessphp — Issue #183: semantic.gs nested .column(x,y)
Author: scottsweb
Created: 2012-02-05 13:04:54+00:00
State: open

lessphp v0.3.1
semantic.gs v1.2

I am experiencing an issue with nested columns and semantic.gs. I have tested the same code using the less.js and it works as expected. With lessphp the nested columns are being calculated incorrectly when @total-width is set to a percentage. When @total-width is set to a pixel value it works as expected.

The HTML:

```HTML

Left

Right

```
The Grid less/css:

```CSS
// Specify the number of columns and set column and gutter widths
@columns: 12;
@column-width: 60;
@gutter-width: 20;

// Remove the definition below for a pixel-based layout
@total-width: 100%;
```

The layout less/css:

```CSS
#content
{
background: red;
.column(12);
height: 200px;
}

#row
{
height: 200px;
background: blue;
.row(12);
}

#left
{
height: 200px;
background: black;
.column(6,12);
}

#right
{
height: 200px;
background: aqua;
.column(6,12);
}
```

I have not yet been able to determine why this is happening.