Darklg / CSSLisible

Reformatage et réorganisation de CSS
http://www.csslisible.com
MIT License
37 stars 5 forks source link

Compatibilité LESS #82

Open NumEricR opened 9 years ago

NumEricR commented 9 years ago

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 commented 9 years ago

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