LESS
De Banane Atomic
Aller à la navigationAller à la recherche
Inclure LESS dans une page
|
<head>
<link rel="stylesheet/less" type="text/css" href="mon_fichier_de_styles.less" />
<script src="less.js" type="text/javascript"></script>
|
Couleurs
|
@color: black; /* return @color with 50% transparency */ fade(@color, 50%); /* #FFAA00 → #FF2A00 */ /* #FF9000 = Hue 40, Saturation 100, Value 100 */ /* #F84210 = Hue 10, Saturation 100, Value 100 */ @base: #FF9000; @new: hsl((hue(@base) - 30), saturation(@base), lightness(@base)); @new: spin(@base, -30); |
Problème avec Chrome
Pour des raisons de sécurité, Chrome n'authorise pas le chargement de fichiers javascript locaux comme less.js.
Pour contourner le problème il faut lancer Chrome avec l'option suivante : -allow-file-access-from-files
less.js not working in chrome
Compilateur
|
# installez npm sudo pacman -S nodejs # installez lessc sudo npm install -g less # compilez un fichier less en css lessc styles.less > styles.css |
