Compatibilité LESS #82
Description
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;
}