Framework7 - Hairlines

Descrição

Hairline é uma classe que adiciona borda de 1 px ao redor das imagens usando a classe de borda. Com o lançamento do 1.x, hairlines revisou o trabalho com : after e : before pseudoelementos em vez de usar bordas CSS.

Linhas finas contêm as seguintes regras -

• :after- Este pseudo elemento é usado para traços inferiores e direitos .

• :before- Este pseudoelemento é usado para traços superiores e esquerdos .

O trecho de código a seguir mostra o uso do elemento : after .

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

O seguinte trecho de código remove a barra de ferramentas inferior -

.navbar:after {
   display:none;
}

.toolbar:before {
   display:none;
}

classe "sem fronteiras"

O fio será removido usando a classe sem borda e é compatível com Navbar, barra de ferramentas, cartão e seus elementos.

O código a seguir é usado para remover a linha do cabelo da barra de navegação -

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