Учебники

Framework7 — Hairlines

Декабрь 31, 2018

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;
}

класс «без границ»

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

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

42
Share: