Röcssti, en version pré-processeurs LESS et Sass

Possibilités

Ces deux versions proposent des fonctions :

  • pour accélérer le calcul de la typographie en em ;
  • pour calculer automatiquement le rythme vertical de la structure hx ;
  • pour générer automatiquement les helpers à votre guise ;
  • pour activer automatiquement certaines options (ou pas), comme le Right To Left, la césure, etc.

Elles proposent également quelques conventions pour les variables afin de mieux maîtriser vos projets.

Röcssti en version Sass

C’est actuellement la version la plus avancée de Röcssti côté pré-processeurs. Elle inclut des mixins pour se faciliter la vie et industrialiser toutes les tâches rébarbatives, chaque rubrique est dans un fichier séparé.

Röcssti Sass sur Github Röcssti en version Sass (ZIP, 13ko)

À noter, une version mobile-first est également disponible :

  • sa structure est donc inversée (des plus petites tailles aux plus grandes) ;
  • les mixins sont également adaptés, notamment les media-queries ;
  • Etc.

Röcssti Sass (mobile-first), Github Röcssti Sass mobile-first (ZIP, 14ko)

Röcssti en version LESS

La version Less propose dans les grandes lignes les mêmes options que la version Sass. Actuellement, elle est un tout petit peu moins aboutie, mais je travaille à équilibrer ces deux versions.

Röcssti LESS sur Github Röcssti en version LESS (ZIP, 11ko)

Sans pré-processeur ?

Oui, nous sommes dans la rubrique pré-processeur, et pourtant ! Un outil est disponible si vous ne voulez ou ne pouvez pas utiliser les versions Sass ou LESS. Cet outil effectue quelques-uns des calculs que les versions pré-processeurs permettent, et vous économisera un peu de sueur au début d’un projet.

Utiliser le Röcssti-Builder

In english?

Röcssti is available in english, you may have a look at Röcssti repositery on Github.
The Sass and LESS versions are maintained in english.

Röcssti Sass on Github Röcssti Sass (ZIP, 13kb)

Röcssti LESS on Github Röcssti LESS (ZIP, 11kb)