Less

Less is a backwards-compatible language extension for CSS. It's quite easy start writing Less files, because it looks just like CSS. Less files are located in theme/less folder and all less files that don't have starting _(ex.: _variables.less) are being compiled into the public/css directory and assigned .css extension to a filename.

Bedenke:

/* theme/less/_variables.less */
@primary: #728448;
@secondary: #49551c;

Und:

/* theme/less/main.less */
@import "_variables.less";

a
{
  &:hover
  {
    color: @secondary;
  }
  color: @primary;
}

Wird konvertiert in:

/* public/css/main.css */
a {
  color: #728448;
}
a:hover {
  color: #49551c;
}

Bedenke: Das keine public/_variables.css generiert wird weil die Datei mit einem _ Zeichen beginnt.

Um mehr über LESS zu erfahren besuche: http://lesscss.org/.