Framework7 - Líneas de pelo

Descripción

Hairline es una clase que agrega un borde de 1px alrededor de las imágenes mediante la clase de borde. Con el lanzamiento de 1.x, las líneas finas revisaron el trabajo con : after y : before pseudo elementos en lugar de usar bordes CSS.

Hairlines contiene las siguientes reglas:

• :after- Este pseudo elemento se utiliza para las líneas inferiores y derechas .

• :before- Este pseudo elemento se utiliza para las líneas capilares superior e izquierda .

El siguiente fragmento de código muestra el uso de : after element.

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

El siguiente fragmento de código elimina la barra de herramientas de la línea del cabello inferior:

.navbar:after {
   display:none;
}

.toolbar:before {
   display:none;
}

clase "sin fronteras"

La línea del cabello se eliminará mediante el uso de la clase sin borde y es compatible con la barra de navegación, la barra de herramientas, la tarjeta y sus elementos.

El siguiente código se usa para eliminar la línea del cabello de la barra de navegación:

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