Framework7 - Hairlines

Descrizione

Hairline è una classe che aggiunge un bordo di 1px attorno alle immagini utilizzando la classe border. Con il rilascio di 1.x, le linee sottili hanno rivisto il funzionamento con : after e : before pseudo elementi invece di utilizzare i bordi CSS.

Hairlines contiene le seguenti regole:

  • :after- Questo pseudo elemento viene utilizzato per le linee sottili in basso e a destra .

  • :before- Questo pseudo elemento viene utilizzato per le linee sottili in alto e a sinistra .

Il frammento di codice seguente mostra l'uso di : after element.

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

Il seguente frammento di codice rimuove la barra degli strumenti della linea sottile in basso:

.navbar:after {
   display:none;
}

.toolbar:before {
   display:none;
}

classe "no-border"

L'attaccatura dei capelli verrà rimossa utilizzando la classe no-border ed è supportata su Navbar, barra degli strumenti, scheda e suoi elementi.

Il codice seguente viene utilizzato per rimuovere la linea sottile dalla barra di navigazione:

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