Использование вложенных столбцов в Semantic.gs с исправленным макетом
Я реализовал гибкий макет с Semantic.gs и некоторые вложенные столбцы с LESS. Но теперь наш клиент решил, что он хочет, чтобы макет был исправлен.
Я подумал, что могу просто закомментировать строку @total-width:100% в grid.less, однако теперь другие файлы LESS выдают ошибку в строках с микшированием.row().
Есть ли обходной путь для этого?
Вот соответствующая часть grid.less
/////////////////
// Semantic.gs // for LESS: http://lesscss.org/
/////////////////
// Defaults which you can freely override
@column-width: 20;
@gutter-width: 10;
@columns: 47;
// Utility variable - you should never need to modify this
@gridsystem-width: (@column-width*@columns) + (@gutter-width*@columns) * 1px;
// Set @total-width to 100% for a fluid layout
//@total-width: @gridsystem-width;
//@total-width: 100%;
// Uncomment these two lines and the star-hack width/margin lines below to enable sub-pixel fix for IE6 & 7. See http://tylertate.com/blog/2012/01/05/subpixel-rounding.html
@min-width: 980;
@correction: 1 / @min-width * 100 * 1.5%;
Вот проблемный раздел файла LESS. Компилятор LESS выдает ошибку "Ошибка ошибок компилятора @ total-width не определена (строка: 292)", то есть строка с атрибутом.row():
#v_main_wrapper{
position:relative;
float:none;
.row(47);
&:after{
content: "";
display: table;
clear: both;
}
}
1 ответ
Я думаю, что вы хотели бы это:
@total-width: @gridsystem-width; //leave this uncommented, to calculate width
//@total-width: 100%;