With the following LESS:

.view-display-id-cj_latest_article .ds-3col-stacked-equal {
  .group-header {      
    clear: both;
  }

  .group-left {       
    width: 33%;
    float: left;
  }

  .group-middle {      
    width: 34%;
    float: left;
  }

  .group-right {      
    width: 33%;
    float: right;
  }
}

The Live CSS editor reports an error, with the little red circled "x"s on the line numbers. Apparently the parser is looking for valid CSS and doesn't yet understand the valid LESS.

FWIW, this is in a style.less file that is parsed and works fine. It's just the extraneous errors. On hover, one reports "Expected RBRACE at line 13 column 3", the other "Unexpected token "}" at line 31, column 1".

Comments

guybedford’s picture

guybedford commented

Yes the ACE editor runs CSS validation, not LESS validation so errors show. I haven't seen a LESS syntax parser for the ACE editor yet, but will add it if and when it is available.

May make more sense to disable the syntax highlighting entirely. But it makes the code much uglier to read so still torn on that one!

guybedford’s picture

guybedford commented
Status: Active » Closed (works as designed)

Until there is LESS syntax highlighting for the ACE editor, there is nothing I can do about this.