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
  • 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
  • Dossier des SCSS : Chemin relatif du fichier SCSS dans le dossier du template frontend.
  • Dossier des CSS : Chemin relatif du fichier CSS dans le dossier du template frontend.
  • Mode de compression : Mode de présentation du fichier CSS : normal, imbriqué ou compressé

Limitations connues

Ce plugin utilise le script (v0.0.12) scssphp qui ne prend pas en compte les fonctionnalités SCSS ci-dessous

  • liste sous la forme $list: (a,b), (c,d);
  • map

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