Framework7 - Hairlines

Description

Hairline is a class that adds 1px border around images by using the border class. With the release of 1.x, hairlines revised the working with :after and :before pseudo elements instead of using CSS borders.
Hairlines contains following rules:

• :after: This pseudo element is used for bottom and right hairlines.
• :before: This pseudo element is used for top and left hairlines.

The below code snippet shows the use of :after element.

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

The below code snippet removes the bottom hairline toolbar:

.navbar:after {
  display:none;
}

.toolbar:before {
  display:none;
}

"no-border" class

The hairline will be removed by using no-border class and it is supported on Navbar, toolbar, card and its elements.
Following code is used to remove hairline from navbar:

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