Учебники

Framework7 – Hairlines

Hairline – это класс, который добавляет границу в 1 пиксель вокруг изображений с помощью класса border. С выпуском 1.x hairlines пересмотрела работу с псевдоэлементами : after и : before вместо использования границ CSS.

Hairlines содержит следующие правила –

  • : after – этот псевдоэлемент используется для нижних и правых волос.

  • : before – этот псевдоэлемент используется для верхнего и левого волоса.

: after – этот псевдоэлемент используется для нижних и правых волос.

: before – этот псевдоэлемент используется для верхнего и левого волоса.

В следующем фрагменте кода показано использование элемента after .

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

Следующий фрагмент кода удаляет нижнюю панель инструментов

.navbar:after {
   display:none;
}

.toolbar:before {
   display:none;
}

класс “без границ”

Линия волос будет удалена с помощью класса без границ, и она поддерживается на панели навигации, панели инструментов, карте и ее элементах.

Следующий код используется для удаления волосяного покрова из панели навигации –