Compatibilité LESS

[NumEricR]

Après quelques tests je constate qu'en gros CSSLisible n'est pas compatible LESS. :(
Voilà un compte-rendu :

Nested rules

Il manque 1 indentation sur chaque ligne

#test {
.test {
    color: @color;
    @color: #fff;
}
}

Mixin

.bordered; n'est pas indenté

.bordered {
    border-top: dotted 1px black;
    border-bottom: solid 2px black;
}
.post a {
.bordered;
    color: red;
}

Import

Il manque une indentation et une ligne est ajoutée sous l'import

.bordered {
@import "test.less";
    border-bottom: solid 2px black;
}

Extend

Ajout d'un espace avant "extend"

nav ul {
  &:extend(.inline);
  background: blue;
}
.inline {
  color: red;
}

Variables

Les variables passent dans le sélecteur !

@nice-blue: #5B83AD;
@light-blue: @nice-blue + #111;
#header {
  color: @light-blue;
}

[Darklg]

J'ai commencé pour les nested rules, pour le reste je vais voir au cas par cas !