search

tylertate / semantic.gs

The Semantic CSS Grid
tylertate.github.io/semantic.gs/
Apache License 2.0
1.59k stars 245 forks source link

Increasing the space between first/last column and edge. #70

Open neebster opened 12 years ago

neebster commented 12 years ago

Hi,

My apologies if this is not the correct place to put this request, however I didn't know where else to go.

I need to increase the space between the first/last columns and the edge of the div.center width. The background colour is set to white and the background of body is set to grey, so I'd like more than just 10px between the left edge of the first column and the change from white to grey.

Initially div.center was set to 960px, however I'd like it to be more like 1000px.

Is there a modification I can make inside grid.less to get this to work?

Cheers.

myradon commented 12 years ago

what if you wrap it in another div {width: 1000px; background-color: #fff or inherit} and div.center {margin: 0 auto;}

neebster commented 12 years ago

Thanks for replying.

I was hoping that there might be way to do it without another wrapper div, however that's what I did in the end.

myradon commented 12 years ago

How about set div.center to 1000px and set a padding of like div.center {padding: 0 ((1000 - @total-width)/2);}

tylertate commented 12 years ago

If you have a container around all of your columns, then you could just add an arbitrary amount of padding to that container.