styles les flags
pour mettre une barre verticale entre les flags:
Par exemple, on met un border sur le côté droit, de tous les éléments sauf le dernier. On utilise :not(:last-child)
<flags preset='horizontal-right'>
<css selector='li:not(:last-child)' border-right='1px solid white'/>
</flags>
<css selector='li:not(:last-child)' border-right='1px solid white'/>
</flags>
Si on fait ça, un oeil très sensible verra que la barre verticale est chaque fois décalée d'un pixel à gauche (puisque le border est dans l'élément).
Si on veut vraiment de la symétrie, on peut: * mettre un border de 1 pixel à droite sur tous les éléments sauf le dernier * mettre un border de 1 pixel à gauche sur tous les éléments sauf le premier On aura alors une parfaite symétrie, mais la largeur de la barre devient 2 pixel
<flags preset='horizontal-right'>
<css selector='li:not(:last-child)' border-right='1px solid white'/>
<css selector='li:not(:first-child)' border-left='1px solid white'/>
</flags>
Editer<css selector='li:not(:last-child)' border-right='1px solid white'/>
<css selector='li:not(:first-child)' border-left='1px solid white'/>
</flags>
