tylertate / semantic.gs

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

LESS -> overwrite total-width #69

Open arvenom opened 12 years ago

arvenom commented 12 years ago

For the responsive layout I'm trying to change per screen size the total-width. For example: @media only screen and (max-width: 959px) {

@total-width:700px

top { .column(12); background:#999 !important; }

#maincolumn {
.column(8);
margin-bottom:20px;
}
#sidebar {
.column(2); 

}

}

Or the @column-width, @gutter-width

myradon commented 12 years ago

I think you should assign the @total-width, @column-width and @gutter-width in your MQ but don't know if LESS would allow this. I think your on the right track try it out!