Outils pour utilisateurs

Outils du site


devweb:less (lu 502 fois)

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision
Révision précédente
devweb:less [21-09-2013 22:33]
edmc73
devweb:less [08-02-2015 22:29] (Version actuelle)
edmc73 [Méthode la plus simple]
Ligne 4: Ligne 4:
  
 ===== Installation ===== ===== Installation =====
 +
 +==== Méthode la plus simple ====
 +
 +  apt-get install node-less
 +
 +
 +==== Méthode plus longue... ====
  
 # être root # être root
Ligne 28: Ligne 35:
   make install   make install
  
-#Installer less+ 
 +Installer less 
   npm install -g less   npm install -g less
      
Ligne 36: Ligne 45:
 If you get an error that no openSSL is not available you can either configure it without them (--without-ssl) or you can install libssl by running: If you get an error that no openSSL is not available you can either configure it without them (--without-ssl) or you can install libssl by running:
 apt-get install libssl-dev</note> apt-get install libssl-dev</note>
 +
 +===== Utilisation =====
 +
 +Command-line usage
 +
 +Once installed, you can invoke the compiler from the command-line, as such:
 +
 +  $ lessc styles.less
 +This will output the compiled CSS to stdout, you may then redirect it to a file of your choice:
 +
 +  $ lessc styles.less > styles.css
 +  
 +Pour minifier le code, il faut installer YUI Compressor
 +
 +  $ aptitude install yui-compressor
 +  
 +To output minified CSS, simply pass the **-x** option. If you would like more involved minification, the YUI CSS Compressor is also available with the **--yui-compress** option.
 +
 +To see all the command line options run lessc without parameters.
 +
 +Un petit script pour automatiser tout ça
 +
 +<code bash>
 +#!/bin/bash
 +cd `dirname $0`
 +lessc --yui-compress public/less/bootstrap.less > public/css/bootstrap.min.css
 +</code>
 +===== Mixins library =====
 +
 +http://lesselements.com/
 +
 +To use:\\
 +Download the "elements.less" file.\\
 +Place it in the same folder with your other LESS files.\\
 +Reference it at the top of your LESS stylesheets with:\\
 +
 +  @import "elements.less";
 +
 +
 +
 +https://github.com/madebysource/lesshat/blob/master/README.md
devweb/less.1379795591.txt.gz · Dernière modification: 21-09-2013 22:33 de edmc73