HTML
            


  
Ajoute une puce de couleur rouge à chaque item avec les classes .-bullet & .-color-red  :


  
Choix 1
    

      
Sous liste item1
      
Sous liste item2
    
  
  
Choix 2
    
 
      
Sous liste item1
      
Sous liste item2
    
  


  
Choix 1
  
Choix 2



  

    
 
      
Choix 1
    
  
  

    
 
      
Choix 2
    
  



  

    
Choix 1 avec modale
      Texte obligatoire à fournir pour l'accessibilité
    
    
Text content
  
  
 
    
Choix 2 avec annotation1
    
Text content
  

 


  
Ajoute une puce de couleur noir à chaque item avec les classes .-bullet & .-color-black  :


  
Choix 1
  
Choix 2
  
Choix 3
-->


            
PUG
            
// Bullet Red
.title-exemple
  h4 Ajoute une puce de couleur rouge à chaque item avec les classes #[code .-bullet] & #[code .-color-red]  :
ul.list.-bullet.-color-red
  li Choix 1
    ul.list.-bullet.-color-red
      li Sous liste item1
      li Sous liste item2
  li Choix 2
    ul.list.-bullet.-color-black 
      li Sous liste item1
      li Sous liste item2


ul.list.-bullet.-color-red
  li Choix 1
  li Choix 2

br

ul.list.-bullet.-color-red
  li
    .title 
      h3 Choix 1
  li
    .title 
      h3 Choix 2

br

ul.list.-bullet.-color-red
  li
    p.title Choix 1 avec modale
      button.additional-cta(type='button')
        span.sr-only Texte obligatoire à fournir pour l'accessibilité
        i.maificon.maificon-information-cercle(aria-hidden='true')
    p Text content

  li 
    p.title Choix 2 avec annotation
      sup.ref-link-version2#return-id-1bis
        a(href="#id-1bis" title="Aller à la note n°1 en bas de page" aria-label="Aller à la note n°1 en bas de page") 1
    p Text content

.documentation-space 

// Bullet black
.title-exemple
  h4 Ajoute une puce de couleur noir à chaque item avec les classes #[code .-bullet] & #[code .-color-black]  :

ul.list.-bullet.-color-black
  li Choix 1
  li Choix 2
  li Choix 3