已解决:使用WinLESS而不是 SimpleLESS。
我正在使用语义网格系统(非常棒)并且我正在尝试使用SimpleLESS将我的 LESS 样式表预编译为 CSS(因为PyroCMS 2.1 不允许我设置传递参数以将样式表设置为 'type=text /less”——Pyro 要求所有样式表链接都变成“type=text/css”——因此我不能包含“less.js”文件)。
我想补充一点,这个 WAS 使用 less.js 工作......
无论如何,SimpleLESS 似乎适用于普通的旧 LESS 文件,但其中的某些内容会产生“未定义在线未定义”并且不会编译:
@import '/addons/shared_addons/themes/base/css/less/reset.css';
@import '/addons/shared_addons/themes/base/css/less/grid.less';
@import '/addons/shared_addons/themes/base/css/less/site.less';
@import '/addons/shared_addons/themes/base/css/uomless.css';
@import '/addons/shared_addons/themes/base/css/%23fish/superfish.css';
//////////
// GRID //
//////////
// Specify the number of columns and set column and gutter widths
@basefont: 16;
@columns: 12;
@column-width: 60;
@gutter-width: 20;
// Comment the definition below for a pixel-based layout
@total-width: 100%;
html {
}
body {
position: absolute; /*top-most container absolute sections inherit for relative position of descendants */
}
// center the contents
div.center {
width: 88%; /* No pixel-width limit, but we want side margins */
margin: 0 auto;
overflow: hidden;
}
header, section, aside, footer, nav, tickr, login, rads, gads {
z-index: -1; /*z-inex must be negative for plane breaking: http://www.vanseodesign.com/css/css-stack-z-index/ */
padding-top: 3px;
padding-bottom: 3px;
}
header {
.column(6);
margin-top: 12px;
margin-bottom: 12px;
height:auto !important;
height: 130px;
min-height: 130px;
max-height: 130px;
padding-bottom: 0px;
}
dashboard {
.column(6);
margin-top: 12px;
height:auto !important;
height: 100px;
min-height: 100px;
max-height: 100px;
padding-bottom: 0px;
}
login {
.column(3);
margin-top: 12px;
padding-bottom: 0px;
}
nav {
.column(12);
margin-top: 3px;
margin-bottom: 12px;
}
footer {
.column(12);
margin-bottom: 0px;
}
section {
.column(7);
margin-bottom: 12px;
}
appspace {
.column(12);
margin-bottom: 12px;
}
aside {
.column(3);
margin-bottom: 12px;
}
rads {
.column(2);
margin-bottom: 12px;
}
tickr {
.column(10);
margin-bottom: 0px;
}
@media screen and (max-width: 720px) {
header, section, aside, footer, nav
{
.column(12);
margin-bottom: 1em;
}
}
有谁知道验证 LESS 以查找语法错误的方法?
任何帮助,将不胜感激。
不要脸
感谢您的建议;我尝试了以下操作,SimpleLESS 错误消息没有变化:
@import '/addons/shared_addons/themes/base/css/less/reset';
@import '/addons/shared_addons/themes/base/css/less/grid';
@import '/addons/shared_addons/themes/base/css/less/site';
@import '/addons/shared_addons/themes/base/css/uomless.css';
还:
@import 'less/reset';
@import 'less/grid';
@import 'less/site';
@import 'uomless.css';
和:
@import 'grid';