HTML
            


            
PUG
            
.title-exemple
  h4 La largeur de la 1ère définition est fixée à 4/12 de son parent avec les classes #[code .-column], #[code .-column-definition-width-4] & #[code .-column-definition-text-align-left] :
dl.definition-list-version2.-column.-column-definition-text-align-left.-column-definition-width-4
  .item
    dt Terme lorem ipsum dolor sit amet lorem ipsum dolor sit amet :
    dd Définition lorem ipsum dolor sit amet lorem ipsum dolor sit amet ipsum dolor.
  .item
    dt Terme lorem ipsum dolor sit amet lorem ipsum dolor sit amet ipsum :
    dd Définition un lorem
    dd Définition deux lorem ipsum
    dd Définition trois lorem ipsum dolor sit

.title-exemple
  h4 Pour aligner à droite la 1ère définition des termes dans leur colonne il faut ajouter la classe #[code .-text-align-right] à la place de #[code .-column-definition-text-align-left] :
dl.definition-list-version2.-column.-column-definition-text-align-right.-column-definition-width-4
  .item
    dt Terme lorem ipsum dolor sit amet lorem ipsum dolor sit amet :
    dd Définition lorem ipsum dolor sit amet lorem ipsum dolor sit amet ipsum dolor.
  .item
    dt Terme lorem ipsum dolor sit amet lorem ipsum dolor sit amet ipsum :
    dd Définition un lorem
    dd Définition deux lorem ipsum
    dd Définition trois lorem ipsum dolor sit

.documentation-space 
.title-exemple
  h4 La largeur de la 1ère définition, au même titre que le terme, est fixée à 50% de son parent avec les classes #[code .-column], #[code .-column-definition-width-6] & #[code .-column-definition-text-align-left] :
dl.definition-list-version2.-column.-column-definition-text-align-left.-column-definition-width-6
  .item
    dt Terme lorem ipsum dolor sit amet lorem :
    dd Définition lorem ipsum dolor sit amet lorem ipsum dolor
  .item
    dt Terme lorem ipsum dolor sit amet :
    dd Définition un lorem ipsum dolor sit amet lorem ipsum
    dd Définition deux lorem ipsum dolor sit amet lorem
    dd Définition trois lorem ipsum dolor sit amet

.documentation-space 
.title-exemple
  h4 La largeur de la 1ère définition est fixée à 8/12 de son parent avec les classes #[code .-column], #[code .-column-definition-width-8] & #[code .-column-definition-text-align-left] :
dl.definition-list-version2.-column.-column-definition-text-align-left.-column-definition-width-8
  .item
    dt Terme lorem ipsum dolor sit amet :
    dd Définition lorem ipsum dolor sit amet lorem ipsum dolor sit amet ipsum dolor
  .item
    dt Terme court : 
    dd Définition un lorem ipsum dolor sit amet lorem ipsum dolor sit amet ipsum dolor
    dd Définition deux lorem ipsum dolor sit amet lorem ipsum dolor sit amet
    dd Définition trois lorem ipsum dolor sit amet lorem ipsum dolor sit amet