Framework7 - волосы
Описание
Линия роста волос - это класс, который добавляет границу в 1 пиксель вокруг изображений с помощью класса границы. С выпуском 1.x, hairlines пересмотрели работу с псевдоэлементами : after и : before вместо использования границ CSS.
Прически содержит следующие правила -
:after- Этот псевдоэлемент используется для нижних и правых линий волос.
:before- Этот псевдоэлемент используется для верхней и левой линий волос.
В следующем фрагменте кода показано использование элемента : after .
.navbar:after {
background-color: red;
}
Следующий фрагмент кода удаляет нижнюю панель инструментов для волос -
.navbar:after {
display:none;
}
.toolbar:before {
display:none;
}
«безграничный» класс
Линия роста волос будет удалена с помощью класса без границ, и она поддерживается на панели навигации, панели инструментов, карточке и ее элементах.
Следующий код используется для удаления линии роста волос с панели навигации -
<div class = "navbar no-border">
...
</div>