Note that there are some explanatory texts on larger screens.

plurals
  1. POSimpleLESS and LESS CSS syntax / validation fail; another pair of eyes to see why this is not working?
    primarykey
    data
    text
    <p>SOLVED: Use <a href="http://winless.org/" rel="nofollow">WinLESS</a> instead of SimpleLESS.</p> <hr> <p>I am using the <a href="http://semantic.gs/" rel="nofollow">Semantic Grid System</a> (which is awesome) and I am trying to use <a href="http://wearekiss.com/simpless" rel="nofollow">SimpleLESS</a> to pre-compile my LESS stylesheets into CSS (because <a href="http://www.pyrocms.com/" rel="nofollow">PyroCMS</a> 2.1 will not let me set a pass a parameter to set a stylesheet to 'type=text/less"--Pyro mandates that all stylesheet links become "type=text/css"'--and because of that I cannot include the "less.js" file).</p> <p>I want to add that this WAS working using the less.js...</p> <p>Anyway, SimpleLESS seems to work on plain old LESS files, but something in this one yields "undefined on line undefined" and will not compile:</p> <pre><code>@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; } } </code></pre> <p>Does anyone know of a way to validate LESS to find syntax errors?</p> <p>Any help would be appreciated.</p> <p>Shameless</p> <hr> <p>Thanks for the suggestions; I have tried the following with no change in SimpleLESS error message:</p> <pre><code>@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'; </code></pre> <p>also:</p> <pre><code>@import 'less/reset'; @import 'less/grid'; @import 'less/site'; @import 'uomless.css'; </code></pre> <p>and:</p> <pre><code>@import 'grid'; </code></pre> <hr>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload