Ci-dessous, les différences entre deux révisions de la page.
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] 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</ | apt-get install libssl-dev</ | ||
+ | |||
+ | ===== Utilisation ===== | ||
+ | |||
+ | Command-line usage | ||
+ | |||
+ | Once installed, you can invoke the compiler from the command-line, | ||
+ | |||
+ | $ 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, | ||
+ | |||
+ | 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/ | ||
+ | </ | ||
+ | ===== Mixins library ===== | ||
+ | |||
+ | http:// | ||
+ | |||
+ | To use:\\ | ||
+ | Download the " | ||
+ | Place it in the same folder with your other LESS files.\\ | ||
+ | Reference it at the top of your LESS stylesheets with:\\ | ||
+ | |||
+ | @import " | ||
+ | |||
+ | |||
+ | |||
+ | https:// |