Framework7 - Lignes de cheveux

La description

Hairline est une classe qui ajoute une bordure 1px autour des images en utilisant la classe border. Avec la sortie de 1.x, hairlines a révisé le travail avec : after et : before pseudo éléments au lieu d'utiliser des bordures CSS.

Hairlines contient les règles suivantes -

• :after- Ce pseudo élément est utilisé pour les lignes de cheveux en bas et à droite .

• :before- Ce pseudo élément est utilisé pour les lignes de cheveux du haut et de gauche .

L'extrait de code suivant montre l'utilisation de : after element.

.navbar:after {
   background-color: red;
}

L'extrait de code suivant supprime la barre d'outils en bas de la ligne de cheveux -

.navbar:after {
   display:none;
}

.toolbar:before {
   display:none;
}

classe "sans frontière"

La racine des cheveux sera supprimée en utilisant une classe sans bordure et elle est prise en charge sur la barre de navigation, la barre d'outils, la carte et ses éléments.

Le code suivant est utilisé pour supprimer la racine des cheveux de la barre de navigation -

<div class = "navbar no-border">
   ...
</div>