Comme AlphaMale l'indique, il existe de nombreux frameworks CSS; donc je ne vais pas les énumérer à nouveau.
Twitter utilise Moins de Twitter Bootstrap. (Ils ont maintenant une version Sass).
Du Moins dans Wikipedia:
[Comparaison] Sass
Les deux Sass et Moins sont les préprocesseurs CSS, qui permettent l'écriture propre
CSS dans une instruction de programmation à la place de règles statiques.
En tant que de Moins De 1,4, supporte de moins en Moins imbriquées, les règles héritées par l'
&:s'étend et @étend pseudo-sélecteur. Avant cela, l'un des principaux
différence entre les Moins et les autres préprocesseurs comme Sass a été le manque
d'un @étend directive à l'appui de l'héritage de règles à travers
classes, conduisant à plus propre CSS avec moins de dédoublements.
MOINS est inspiré par la Sass. Sass a été conçu pour simplifier et d'
étendre CSS, donc les choses comme accolades ont été retirés de la syntaxe.
Moins a été conçu pour être aussi proche de CSS que possible, de sorte que la syntaxe est
identique à l'existant, le code CSS. En conséquence, CSS existant peut être utilisé
comme valides Moins de code.
Les versions plus récentes de Sass a également introduit un CSS syntaxe appelé
SCSS (Sassy CSS).
Pour plus d'syntaxe des comparaisons, voir https://gist.github.com/674726
Voici une Sass/LESS comparaison.
Principales différences sont dans la façon dont les variables et les mixin travail
>>> Variable <<<
Sass | Less
----------------------------------+-----------------
$color: red; | @color: red;
#menu a { | #menu a {
color: $color; | color: @color;
} | }
>>> Mixins <<<
Sass | Less
----------------------------------+----------------------------------
@mixin borderadius($radius) { | .borderadius(@radius) {
border: solid 2px black; | border: solid 2px black;
border-radius: $radius; | border-radius: @radius;
} | }
|
#menu a { | #menu a {
@include borderadius(3px); | .borderadius(3px);
} | }
>>> Extending <<<
Sass | Less
----------------------------------+----------------------------------
.bordered { | .bordered {
border: 1px solid red; | border: 1px solid red;
} | }
|
#menu a { | #menu a {
@extend .bordered; | &:extend(.bordered);
border-bottom: 2px; | border-bottom: 2px;
} | }
Sass et Moins ont l' &
le sélecteur de imbriquée sélecteur de se référer à la portée parent. À la fois Moins et Sass fournir la couleur de mathématiques.
Vous pouvez en lire plus à http://coding.smashingmagazine.com/2011/09/09/an-introduction-to-less-and-comparison-to-sass/
Voici une comparaison entre less, sass et stylet http://code.tutsplus.com/tutorials/sass-vs-less-vs-stylus-a-preprocessor-shootout--net-24320