« Documentation développeur » : différence entre les versions
Aller à la navigation
Aller à la recherche
(Page créée avec « Le but de cette page est de fournir une aide au développeur. == Design == Le site repose sur un design en grille : * verticalement : 12 colonnes avec gouttière * horizontalement : alignement sur une ligne de base : L'ensemble des hauteur et des marges en hauteur doivent être un multiple de la hauteur de la ligne de base. Le CSS n'est pas fait pour être aligné sur une ligne de base, donc il y a quelques hacks et quelques différences mais il faut garder le... ») |
Aucun résumé des modifications |
||
| Ligne 8 : | Ligne 8 : | ||
=== Style CSS === | === Style CSS === | ||
Il | Il y a deux types de styles CSS : | ||
* | * '''Les styles généraux''', s'appliquant à toute la page. Il s'agit de l'apparence globale, du theme de couleur, du placement dans la grille. | ||
* '''Les styles spécifiques''' à un composant vue. Il s'agit du contrôle de l'apparence du composant. Le placement dans la grille d'un composant relève des styles généraux. | |||
==== Les styles généraux ==== | |||
Ils sont situés dans vue/public/css. Ils sont directement importé du design (https://gitlab.com/JiCambe/simu-usac-design-html, repo privé, demandez l'accès). | |||
'''Si vous faites des modifications dans un de ces fichiers, il faut impérativement faire un commit avec uniquement les modifications css + prévenir de vos modiifs sur la ML.''' | |||
Les fichiers : | |||
Version du 31 octobre 2023 à 10:36
Le but de cette page est de fournir une aide au développeur.
Design
Le site repose sur un design en grille :
- verticalement : 12 colonnes avec gouttière
- horizontalement : alignement sur une ligne de base : L'ensemble des hauteur et des marges en hauteur doivent être un multiple de la hauteur de la ligne de base. Le CSS n'est pas fait pour être aligné sur une ligne de base, donc il y a quelques hacks et quelques différences mais il faut garder le principe d'avoir des hauteurs qui soient des multiples de la ligne de base.
Style CSS
Il y a deux types de styles CSS :
- Les styles généraux, s'appliquant à toute la page. Il s'agit de l'apparence globale, du theme de couleur, du placement dans la grille.
- Les styles spécifiques à un composant vue. Il s'agit du contrôle de l'apparence du composant. Le placement dans la grille d'un composant relève des styles généraux.
Les styles généraux
Ils sont situés dans vue/public/css. Ils sont directement importé du design (https://gitlab.com/JiCambe/simu-usac-design-html, repo privé, demandez l'accès).
Si vous faites des modifications dans un de ces fichiers, il faut impérativement faire un commit avec uniquement les modifications css + prévenir de vos modiifs sur la ML.
Les fichiers :