Compilation des fichiers Less

Pour créer votre propre thème il vous faudra compiler les fichiers Less afin d'botenir 2 fichiers CSS.

Les fichiers less sont dans le dossier css => src=> less

Pour obtenir le fichier mobile.min.css :

  • tout le dossier core
  • tout le dossier custom => critical
  • tout le dossier custom => mixins
  • le fichier mobile.less
  • le fichier compiler.less

Pour obtenir le fichier style.min.css :

  • tout le dossier core
  • tout le dossier custom => mixins
  • tout le dossier custom => theme
  • tout le dossier plugins
  • le fichier style.less
  • le fichier compiler.less

 Vous pouvez facilement activer ou désactiver des parties de bootstrap dans le fichier style.less

// Components
@import "../../bootstrap/less/component-animations";
@import "../../bootstrap/less/dropdowns";
//@import "../../bootstrap/less/button-groups";
@import "../../bootstrap/less/input-groups";
@import "../../bootstrap/less/navs";
@import "../../bootstrap/less/navbar";
@import "../../bootstrap/less/breadcrumbs";
@import "../../bootstrap/less/pagination";
@import "../../bootstrap/less/pager";
//@import "../../bootstrap/less/labels";
//@import "../../bootstrap/less/badges";
//@import "../../bootstrap/less/jumbotron";
@import "../../bootstrap/less/thumbnails";
@import "../../bootstrap/less/alerts";
//@import "../../bootstrap/less/progress-bars";
//@import "../../bootstrap/less/media";
//@import "../../bootstrap/less/list-group";
//@import "../../bootstrap/less/panels";
@import "../../bootstrap/less/responsive-embed";
//@import "../../bootstrap/less/wells";
@import "../../bootstrap/less/close";

Exemple dans phpstorm

 less-boostrap-magix-cms

Informations sur : Compilation des fichiers Less ?