Ce tutoriel vous guidera pour créer vos style css personnalisé à votre template sans se soucier de perdre ces ajouts ou modifications lorsque votre template est mis à jour.
Sur Gantry 5, vous avez 2 manières de gérer vos custom.css
1 - Création d'un Custom.scss global
Ajouter une feuille de style personnalisée est un processus assez simple. La première chose que vous devez faire est de créer le fichier SCSS / CSS personnalisé. Vous pouvez le faire dans à peu près n'importe quel éditeur de texte.
Pour ce faire, naviguer dans la structure de répertoire pour Votre_tempate / custom / scss et créer un fichier appelé custom.scss.
Si le répertoire / custom / scss / est inexistant, vous aurez besoin de le créer.
Joomla ne supporte pas la création de fichiers SCSS dans son outil de personnalisation "Personnalisation des templates".
A chaque modification de votre fichier custom.scss vous devez recompiler votre thème (Style)
Dependencies.scss
Pour utiliser certaines variables vous devez importer le fichier _dependencies.scss (incluant Bourbon, Nucleus, theme mixins, et d'autres variables). Utilisez simplement la ligne @import "dependencies";
dans votre fichier custom.scss file pour l'importer
2 - Utilisation du "Particles" Atom Setting - Custom CSS/JS
L'avantage : Vous pouvez gérer vos personnalisations par page. Attention, vous devez donc l'associer à toutes vos pages