Plugin Compatible Joomla 3.x Français Anglais

Description

SASS

Ayant délaissé LESS depuis plusieurs années, d'abord pour le framework Foundation et maintenant pour une version personnelle de knacss, j'ai été amené à écrire ce plugin qui compile automatiquement tous les fichiers SCSS d'un dossier en fichiers CSS de même nom.

Ce plugin exploite la structure traditionnelle du SASS/SCSS pour déterminer les fichiers à compiler.

Les partiels (dont le nom commence par un underscore - tiret du 8) ne sont pas compilés. Si la date de modification d'un des partiels est plus récente qu'un fichier SCSS, tous les fichiers SCSS seront recompilés.

Pour gagner du temps, les sous-dossiers ne sont pas explorés. Dans le cas d'une modification d'un partiel SCSS d'un sous-dossier, il faut forcer la compilation ou modifier légèrement un des fichiers impliqués dans le dossier racine.

Par simplification, il n'est pas prévu d'exclure des fichiers scss présent à la racine de la compilation. Vous pouvez les déplacer dans un sous-dossier crée à cet effet (ex: a_ne_pas_compiler)

  • On compile un fichier scss si son fichier css est plus ancien ou manquant
  • On compile tous les fichiers scss :
    • si un des partiels est plus récent que le plus récent des fichiers scss
    • si la compilation est forcée
Quels sont les avantages de pouvoir compiler plusieurs fichiers CSS ?
  • avoir un fichier CSS avec les seules règles utiles dans l'éditeur JCE
  • avoir un ou des fichiers CSS secondaires chargés uniquement pour certaines pages
  • une modification dans un partiel sera automatiquement reportée dans tous les fichiers CSS

Configuration

Configuration SCSS Compiler
  • Message réussite : Affiche un message sur le site indiquant le résultat de la compilation
  • Compilation forcée : Permet de forcer la compilation en cas de modification d'un partiel d'un sous-dossier du dossier SCSS
  • Mode de compression : Mode de présentation du fichier CSS : normal, imbriqué ou compressé
  • Prise en charge du template : Oui pour compiler les fichiers SCSS du template par défaut. Les sous-dossiers impliqués sont à indiquer dans les zones au-dessous.
  • Prise en charge autres dossiers : Il devient fréquent d'avoir des extensions qui embarquent leur feuille de style générée à partir d'un fichier SCSS. Dans ce cas, indiquer dans le premier champ le(s) dossier(s) contenant les SCSS. Puis dans la zone suivante, dans le même ordre, le(s) dossier(s) de stockage du CSS généré.

Téléchargement

Articles

Tous les articles en relation avec ce plugin

Support

Pour partager vos questions et suggestions, c'est sur le forum SCSS

Print Friendly and PDF