Overblog Suivre ce blog
Editer l'article Administration Créer mon blog

Présentation

  • : Romagny13 - Du .NET,du pur .NET
  • Romagny13 - Du .NET,du pur .NET
  • : Cycle de progression Faire (quelque chose qui marche) -> comprendre ce que l’on fait/comment cela marche -> pousser plus loin les notions
  • Contact

Recherche

Articles Récents

8 mai 2014 4 08 /05 /mai /2014 00:04

1-« Installation »

  • Ajouter un fichier less (exemple « Default.less »)

  • Depuis le gestionnaire de package NuGet chercher le fichier JavaScript(chercher « lesscss » ou « less.js ») .

  • On peut aussi utiliser un CDN .

    <script src="//cdnjs.cloudflare.com/ajax/libs/less.js/1.7.0/less.min.js"></script>


less1

  • Dans l'en-tête de la page :

<link rel="stylesheet" type="text/css" href="Css/Default.css" />

<script type="text/javascript" src="Scripts/less-1.5.1.min.js"></script>

   

http://lesscss.org/#

2-Variable

On tape quelques variables que l’on utilise. Une feuille de style « Default.css » est générée automatiquement à partir de mon fichier « Default.less » dès que l’on sauvegarde .

less3.png

 

Le style est bien appliqué à la page …

less4.png

Astuce : on peut créer un fichier avec toutes les couleurs et l’importer ensuite

 

 

Partager cet article

Repost 0
Published by Romagny13 - dans HTML5-CSS3
commenter cet article

commentaires