Structure et arborescence fichier

La structure du dossier /scss/ se compose de 6 fichiers SCSS à la racine du dossier et de 8 dossiers.

3 fichiers SCSS ne seront pas disponibles sur les thèmes enfants de la fabriques à sites. Les 3 fichiers SCSS présents sont expliqués ci-dessous :

Les fichiers

_config.scss : contient les variables et leurs valeurs qui ont été modifiées en back-office dans le menu Configuration > Styles graphiques.
_custom.scss : contient l’ensemble des fichiers qui seront destinés à surcharger le thème parent. Chaque fichier de surcharge doit être importé dans ce fichier afin d’être compilé avec l’ensemble des fichiers SCSS.
_custom-config.scss : contient des variables existantes visant à être surchargées. Ce fichier surcharge le fichier _config.scss pour les variables communes.

Les dossiers

Chaque sous-dossier comporte lui-même un fichier du modèle par défaut, ainsi qu’un maximum de 3 fichiers correspondant aux variantes graphiques.

/base : contient des fichiers standards et des styles communs ayant des répercutions sur l’ensemble du site tels que des fichiers contenant les styles pour la grille, les boutons, les textes, les dégradés, les images, les mixins, un fichier reset…
/blocs : contient le style des blocs flexibles sur différents modèles de pages et posts types. La fabrique à sites comporte à ce jour 19 blocs. Chaque bloc contient un fichier par défaut qui porte son nom et un maximum de 4 autres fichiers en fonction du nombre de variantes graphiques du bloc.
/components : contient des fichiers d’éléments communs à l’ensemble du site tels que les overlays, la pagination, le style des cards, le style par défaut des sliders, le partage des réseaux sociaux…
/fonts : contient les fonts du site. Vous aurez la nécessité d’ajouter un fichier CSS dans ce dossier si votre besoin est d’ajouter une font qui n’est pas proposée dans la fabrique à sites. Le fichier peut-être une font de texte, mais également une font d’icônes.
/formulaires : contient un fichier par défaut du formulaire avec les styles par défaut, suivi de 3 autres fichiers pour chaque variante de formulaire.
/gabarits : contient un ensemble de sous-dossiers qui représente pour chacun un modèle de page. Des modèles allant de la page d’accueil, aux pages de posts types, listing et détail d’actualités, listings et détails SIT…
/libs : contient un ensemble de fichiers de librairies externes telles que slick, matomo, iscroll, leaflet, daterangerpicker, selectric et zoombox. Si vous avez le besoin de modifier le style d’une librairie, vous devez recréer un fichier avec le suffixe « _custom » dans le nom du fichier.
/strates : contient les styles de strates fonctionnelles et optionnelles du site. Chaque strate est intégrée dans un sous-dossier, lui même composé d’un fichier de style par défaut de la strate ainsi qu’un maximum de 3 variantes de fichiers.

Arborescence de la fabrique à sites

Le dossier /assets/ comporte un dossier /scss/ lui-même comportant plusieurs fichiers à sa racine ainsi que des sous-dossiers.