Styles & Composants - 04/08

Titre 2

Titre 3

Titre 4

Titre 5

Titre 6 

texte normal/paragraphe texte normal/paragraphe texte normal/paragraphe texte normal/paragraphe

Titre 2 avec gras - entre 2 § de texte normal (espacements avant/après ok)

texte gras, italique, barré, souligné

caractères spéciaux : m³, CO₂, ...€, $, ų, ©,®, ™, œ, 🔝, ∉, ...

couleurs de texte + arrière-plan : bleu IFPEN (#003e57), rose accent (#c8375e), texte (#212c35), gris clair (#5d6974), jaune pâle (#fff3d6), ...

Ajouter cyan #CFF, rose #FFDCE5, vert #EDF8CF

Puces 1 - coches (par défaut) :

• puce 1
• puce 1

Puces 2 - rondes noires :

• puce 2
• puce 2

Puces 3 - carrées

• puce 3
• puce 3

Puces sur plusieurs niveaux

• niv 1
  • niv 2
    • niv 3
• ...

!! alternative aussi : Caractère PUCE en txt (Alt+7) 👉 •  ...ou en gras •

Notes de bas de pages (de bloc Texte ici) via bouton " a' ", à côté de exposant/indice:
...Exemple 1 / Exemple 22 ...et 33.

citation texte normal gras lien
+ image à l'intérieur

Image

...texte après

Boutons LAYOUT (positionné après YouTube tout à droite) :

!! pas de "Propriétés" sur ces Layout (à la différence des Tableaux ci-après)

• 1

  texte bas de page lié à Exemple 1

• 2

  texte bas de page lié à Exemple 2

• 3

  texte bas de page lié à Exemple 3

Encadré info

Encadré attention

Encadré neutre

châpo

Titre à barre

Cadre bordé

châpo dans cadre bordé avec un titre à barre (combinaison des styles possibles !)

...séparateur - bouton " _ " :

TABLEAUX (classiques, distincts de Layout)

- Tableau Rayé :

!! grand espacement avant la 1ère ligne : bof... 😕

- Tableau Bordé :

- Tableau Compact :

Styles de texte 👉 sur liens...

Bouton primaire

Bouton secondaire

Surlignage (avec lien ou sans...)

Lien Tag 

Lien flèche

FontAwesome :

  Texte    File  Texte  

Lucide.dev :

scan    dashboard   globe-check  microscope   graduation   

landmark   expand   handshake  circle-question-mark

... + Impacts / RSO : 

•    earth :   - Climat
•    recycle :  - Ressources & circularité
•    factory :   - Industrie
•    chart-no-axes-combined : - Économie
•    network :   - Filière
•    scale :  - Normes
•    users-round :  - Société et usages
•    graduation-cap :  - Montée en compétences
•    shield-check :  - Sécurité & qualité de vie
•    person-standing :  - Accessibilité & inclusion
•    landmark :    - Engagement collectif