Open NumEricR opened 9 years ago
Après quelques tests je constate qu'en gros CSSLisible n'est pas compatible LESS. :( Voilà un compte-rendu :
Il manque 1 indentation sur chaque ligne
#test { .test { color: @color; @color: #fff; } }
.bordered; n'est pas indenté
.bordered { border-top: dotted 1px black; border-bottom: solid 2px black; } .post a { .bordered; color: red; }
Il manque une indentation et une ligne est ajoutée sous l'import
.bordered { @import "test.less"; border-bottom: solid 2px black; }
Ajout d'un espace avant "extend"
nav ul { &:extend(.inline); background: blue; } .inline { color: red; }
Les variables passent dans le sélecteur !
@nice-blue: #5B83AD; @light-blue: @nice-blue + #111; #header { color: @light-blue; }
J'ai commencé pour les nested rules, pour le reste je vais voir au cas par cas !
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
Mixin
.bordered; n'est pas indenté
Import
Il manque une indentation et une ligne est ajoutée sous l'import
Extend
Ajout d'un espace avant "extend"
Variables
Les variables passent dans le sélecteur !