Cabecera data‐bs - Bsale-IO/template-docs GitHub Wiki
<header data-bs="header" data-info="sticky">
<img data-bs="header.logo" src="{{site.logo | image}}" alt="{{site.name}}">
</header>
Selector | atributo |
---|---|
data-bs="header" data-info="sticky" |
transforma la cabecera en sticky |
data-bs="header.logo" |
si este selector está dentro de una cabecera data-bs="header" data-info="sticky" al hacer scroll reduce el tamaña del logo en un 50% |
Al hacer scroll se agrega la clase bs-sticky-header
<header data-bs="header" data-info="sticky" class="bs-sticky-header">
<img data-bs="header.logo" src="{{site.logo | image}}" alt="{{site.name}}">
</header>