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>